一、多行文本
单行文本框只能输入一行文本,而多行文本框却可以输入多行文本。在HTML中,多行文本框利用的是textarea标签,而不是input标签。
语法:<textarea rows="行数" cols="列数" value="取值">默认内容</textarea>
举例:
<form>蜀道难:<br /><textarea rows="5" cols="5" value="3">请默写</textarea></form>
文本总结:
(1)HTML有3种文本框:单行文本框、密码文本框、多行文本框。
(2)单行文本框和密码文本框利用的都是input标签,多行文本框利用的是textarea标签。
二、下拉列表
下拉列表由select和option这两个标签合营利用来表示的。
语法:
<select> <option>选项内容</option> …… <option>选项内容</option></select>
举例:
<form>请选择:<select><option>A</option><option>B</option><option>C</option><option>D</option></select></form>
select标签属性:
1、multiple属性 设置下拉列表可以选择多项
想要选取多项,可以利用“Ctrl+鼠标左键”来选取。
2、size属性
显示几条选项,别的的用下拉框
举例
<form>请选择:<select multiple size="3"><option>A</option><option>B</option><option>C</option><option>D</option></select></form>
三、option标签属性
1、selected 是否选择
2、value 选项值 同其他一样,和JS做交互的
举例:
<form>请选择:<select ><option>A</option><option selected="selected">B</option><option>C</option><option>D</option></select></form>