如何用css样式在表格中添加文本域

html-css09

如何用css样式在表格中添加文本域,第1张

css只能改变样式，不能添加控件的。 你可以用javascript来做

<tr>

<td id="txt"></td>

</tr> var td = document.getElementById("txt")

td.innerHTML = "<textarea>文本域</textarea>"

文本域是textarea标签。

想要给文本域标签设置宽度和高度，可以通过rows属性和cols属性，前者是规定显示多少行，后者是一行多少个字符。

当然也可以通过css的方法。通过style属性或者文本域的标签选择器。例如:

<textarea style="width: 100pxheight: 200px">

当然style里面也是可以设置字体样式的。

1.新建网页文件。

2.在head里插入<style type="text/css">#area { width:300pxheight:20px}</style>，表示设置输入文本框宽度为300像素，高度为20像素。

3.在body里插入<input type="text" id="area" />，表示定义一个输入文本框，启用area样式。

4.在IE里测试，查看效果。