HTML表单总结，【文末福利】

1.表单输入元素 input

---

<input>标记用于表单中输入数据，通常包含在<form>和</form>标记中。

<input name="controlName" type="controlType">

<input>标记的 type 属性值及说明

示例 1

代码

用户名：<input type=“text” name=“texta” maxlength=“12” size=“8”

value=“username”/>

密　码：

兴趣爱好

户外运动

音乐

电影

购物

收入情况

2000~4000

4000~8000

8000~10000

10000~20000

效果

示例 2

代码

请输入

用户名：

密　码：

效果

2.列表框元素 select

---

select 标记同时嵌套列表项标记 option，可以实现列表框效果。

选项显示内容 选项显示内容

…

<select>标记用于定义列表框，<option>标记用于向列表框中添加列表项目，其中的 size 属性用于定义列表框的行数.