第 10 章 表单元素[下]

1.其他元素

2.输入验证

主讲教师：李炎恢

本章主要探讨 HTML5 中表单中剩余的其他元素，然后重点了解一下表单的输入验证功能。

一．其他元素

表单元素还剩下几个元素没有讲解，包括下拉框列表 select、多行文本框 textarea、和 output 计算结果元素。

1.**生成下拉列表**

//设置高度并实现多选

//默认首选

//使用 optgroup 进行分组，label 为分组名称，disabled 可以禁用分组

2.**多行文本框**

解释：生成一个可变更大小的多行文本框。属性如下：

//设置行高和列宽，设置插入换行符

3.计算结果

二．输入验证

HTML5 对表单提供了输入验证检查方式，但这种验证还是比较简陋的，并且不同的浏览器支持的成熟度还不同。在大部分情况下，可能还是要借助 jQuery 等前端库来实现丰富的验证功能和显示效果。

//必须填写一个值

//限定在某一个范围内

//使用正则表达式

//禁止表单验证