一、多行文本

单行文本框只能输入一行文本,而多行文本框却可以输入多行文本。
在HTML中,多行文本框利用的是textarea标签,而不是input标签。

语法:<textarea rows="行数" cols="列数" value="取值"&gt;默认内容</textarea>

htmlinputtextarea多行网页前端设计10表单多行文本和下拉列表 Python
(图片来自网络侵删)

举例:

<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>