2.1 代码

3. name="selectname"
4. id="selectid"
5. size="2"
6. multiple
7. disabled
8. onchange="alert(this.value)"
9. onclick="alert(this.vlaue)"
10. >
11. label="分组1">
12. value="下拉列表1">下拉列表1
13. value="下拉列表2">下拉列表2
14. value="下拉列表3">下拉列表3
17. label="分组2">
18. value="下拉列表1" label="下拉列表1">
19. value="下拉列表2" label="下拉列表2">
20. value="下拉列表3" label="下拉列表3">

2.2 效果

select 事件

• onchange：当下拉列表值发生变化时触发
• onclick：当点击列表框时触发

3、文本域常用属性与事件

3.1 代码

3. id="textareaid"
4. name="textareaname"
5. from="fromid"
6. cols="50"
7. rows="10"
8. minlength="20"
9. maxlength="500"
10. placeholder="这是提示信息"
11. wrap="soft"
12. disabled
13. autofocus
14. autocomplete
15. onclick="alert('被点击了')"
16. onchange="alert('内容被改变了')"
17. onselect="alert('内容被选中了')"
18. >
19. 这里是值，相当于input里的value属性值
20. >

3.2 效果

4、表单域分组元素常用属性

• 当表单字段非常多时，可进行分组管理，分组可以让表单有层次感
• 每个分组只有一个组名

4.1 代码

2. name="fieldsetname1" id="fieldsetid1" from="fromid">
3. 登陆
5. for="user">账号：
7. id="user"
8. type="text"
9. value=""
10. from="fromid"
11. placeholder="请输入账号"
12. autofocus
13. />
16. for="password">密码：
18. id="password"
19. type="password"
20. from="fromid"
21. placeholder="请输入密码"
22. />
26. name="fieldsetname2" id="fieldsetid2" from="fromid">
27. 注册
29. for="user">账号：
31. id="user"
32. type="text"
33. value=""
34. from="fromid"
35. placeholder="请输入账号"
36. />
39. for="password">密码：
41. id="password"
42. type="password"
43. from="fromid"
44. placeholder="请输入密码"
45. />

4.2 效果

5.总结

5.1 按钮

• type：submit（提交）、button（按钮）、reset（重置）
• name：按钮的名字
• value：按钮的默认显示文本
• disabled：禁用
• form：指定要提交的表单
• formaction：指定提交到哪里
• formmethod：指定提交方式，POST/GET
• formtarget：指定提交后的打开方式，_blank 在新页面打开

5.2 下拉列表

• size：允许同时显示的列表项
• multiple：是否允许多选，有就代表允许多选
• disabled：禁用，有就代表禁用
• onchange：更新事件，当列表更新时触发
• onclick：点击事件，点击时触发

5.3 文本域

• cols：文本域可视宽度
• rows：文本域可输入的行数
• minlength：最小输入长度
• maxlength：最大输入长度
• placholder：提示信息
• wrap：换行方式，默认 soft 换行，hard
• disabled：禁用，有就代表禁用
• autofocus：自动获取焦点，有就可以自动获取焦点，当前页面仅能有 1 个
• autocomplete：自动完成输入
• onclick：点击事件
• onchange：更新事件
• onselect：选中事件

5.4 表单域

• fieldset：分组标签
• legend：分组组名
• 其他属性及事件同 input