1、html中换行用<br>就可以。常常我们在需要手动换行地方，加入<br />即可实现内容换行。
2、HTML P段落强制换行标签元素。
段落p标签使用说明：常常我们在需要分段大换行时候，对内容前加<p>内容后加</p>即可实现文章换段落。
<p>我是divcss!</p><p>我是第一段落</p>
<p>我是第二段落；</p>
<p>我是第三段落，<br />我被br换行。</p>
多行的就不能使用Input了。需要使用textarea标签属性：
textarea代表html的单多行输入域
html多行输入框
tyle="OVERFLOW: hidden">
style="OVERFLOW: visible">始终不显示滚动条，文本区域的大小会根据内容的增加，自动增长，以显示全部内容
<textarea cols="2" rows="6" style="OVERFLOW: hidden"></textarea>
例子
<tr>
<td></td>
<td><textarea name="reworkmes" cols="40" rows="4" style="OVERFLOW: hidden"></textarea></td>
</tr>
扩展资料
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
专有属性.
1、common -- 公共属性
2、accesskey -- 表单的快捷键访问方式
3、cols -- 多行输入域的列数
4、disabled -- 输入域无法获得焦点、无法选择，以灰色显示，在表单中不起任何作用
5、name -- 元素名称
6、readonly -- 输入域可以选择，但是无法修改
7、rows -- 多行输入域的行数
8、tabindex -- 输入域的"tab"键遍历顺序
参考资料
百度百科-HTML
你直接把这个拷贝到一个html文件中，打开就可以看效果，我建议你在生成table的时候可以把text的框加一个id，id中包含它属于的行和列，这样在点击text的时候可以很快的得到它属于的行和列。<html>
<script>
function showRowAndCol(i, j) {
i = i + 1//row number
j = j + 1//column number
document.getElementById("currentInput").innerText = "text is at row: " + i + ", column " + j
}
function getRowColNumber(textObj){
var td = textObj.parentNode
var tr = td.parentNode
var table = tr.parentNode
for (var i = 0i <table.rows.lengthi++) {
var row = table.rows[i]
if (row == tr) {
for (var j = 0j <row.children.lengthj++) {
if (row.children[j] == td){
showRowAndCol(i, j)
return
}
}
}
}
}
</script>
<body>
<div>
<span id="currentInput"></span>
<table border="1">
<tr>
<td width="38px">
1
</td>
<td>
f
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
<tr>
<td>
2
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
g
</td>
</tr>
<tr>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
3
</td>
<td>
p
</td>
</tr>
<tr>
<td>
4
</td>
<td>
r
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
<tr>
<td>
5
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
<td>
t
</td>
</tr>
<tr>
<td>
6
</td>
<td>
g
</td>
<td>
<input type="text" onclick="getRowColNumber(this)"/>
</td>
</tr>
</table>
<div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）