![[HTML表单]1.textarea(多行文本域),第1张](/aiimages/%5BHTML%E8%A1%A8%E5%8D%95%5D1.textarea%28%E5%A4%9A%E8%A1%8C%E6%96%87%E6%9C%AC%E5%9F%9F%29.png "[HTML表单]1.textarea(多行文本域),第1张")
<form>表单元素</form>
表单本身不可见,只是一个区域。
语法：
<input />
属性：
1)type(类型)
可选值：
text(文字域) password(密码域) file(文件域,不同浏览器显示不同) checkbox(复选域,同组name值最好一样.以便服务器区分) radio(单选域,同一组的name值要相同) button(按钮) submit(提交按钮) reset(重置按钮) hidden(隐藏域,用户看不到但可传递到服务器) image(图像域,实际是按钮的功能) checked(单选多选设置默认值)
2)name(文字域的名称)
3)maxlength(最大字符长度)
4)size(文本框的宽度,字符个数为单位,默认20)
5)value(文本框默认值,是要提交给服务器的值)
6)placeholder(提示信息)
2)<select>-菜单和列表标签 <option>-菜单和列表项目标签
优点：
节约网页空间。
语法：
<select>
<option value="">选项1</option>
</select>
select属性：
1)name(名称)
2)multiple(设置可选择多个,会从下拉菜单变为列表菜单,按住ctrl可多选)
3)size(设置列表可见选项数目,会从下拉菜单变为列表菜单)
option属性：
1)selected(默认选中)
2)value(传送给服务器的值)
3)<optgroup>-菜单和列表项目分组标签
语法：
<select>
<optgroup label="组名">
<option>选项</option>
</optgroup>
</select>
4)<textarea>-文字域标签(多行)
语法：
<textarea>内容</textarea>
注意：
开始标签和结束标签之间不要有换行或者空格。
属性：
1)name(名称)
2)placeholder(提示信息)
3)rows(可见行数)
4)cols(可见宽度,只是大约数据)
多行的就不能使用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
1.单行文本框：
<input type="text" style="height:20pxwidth:100px" />
2.多行文本框（文本域）：
<textarea style="width:300pxheight:100px"></textarea>
文本框是单行的，而文本域可以输入多行，不过文本框也可以通过设置变成成多行。一般来说如果要填写的内容很多我们就用文本域<textarea>,反之用<text>。
