3 html5中的表单应用,HTML5应用开发与实践第3章 HTML5表单（93页）-原创力文档

4．list属性 在HTML5中，为单行文本框增加了一个list属性，该属性的值为某个datalist元素的id。Datalist元素也是HTML5中新增元素，该元素类似于选择框(select)，但是当用户想要设置的值不在选择列表之内时，允许其自行输入。该元素本身并不显示，而是当文本框获得焦点时以提示输入的方式显示。为了避免在没有支持该元素的浏览器上出现显示错误，可以用CSS等将它设定为不显示。list属性的使用方法如下代码。

list属性示例 text：明日科技欢迎你你好 这段代码运行结果如图3-18所示。 图3-18 list属性实例 注意：为可考虑兼容性，在不支持HTML5的浏览器中，可以忽略datalist元素，以便正常输入及用脚本编程的方式对input元素执行其他操作。 说明：到目前为止，只有Opera 10浏览器支持list属性。 5．min和max 通过设置min和max特性，可以将range输入框的数值输入范围限定在最低值和最高值之间。这两个特性既可以只设置一个，也可以两个都设置，当然还可以都不设置，输入型控件会根据设置的参数对值范围做出相应调整。例如，创建一个表示型大小的range控件，值范围从0%至100%，代码如下： 上述代码会创建一个最小值为0、最大值为100的range控件。 说明： 默认的min为0，max为100。 6．step 对于输入型控件，设置其step特性能够制定输入值递增或递减的梯度。例如，按如下方式表示型大小range控件的step特性设置为5： 设置完成后，控件可接受的输入值只能是初始值与5的倍数之和。也就是说只能输入0、5、10…..100，至于是输入框还是滑动条输入则由浏览器决定。 Step特性的默认值取决于控件的类型。对于range控件，step默认值为1。为了配合step特性，HTML5引入了stepUp和stepDown两个函数对其进行控制。这两个函数的作用分别是根据step特性的值来增加或减少控件的值。如此一来，用户不必输入就能够调整输入型控件的值了，这就给开发人员节省了时间。 7．required 一旦为某输入型控件设置了required特性，那么此项必填，否则无法提交表单。以文本输入框为例，要将其设置为必填项，按照如下方式添加required特性即可： 说明： required属性是最简单的一种表单验证方式。 8．email输入类型 email类型的input元素是一种专门用来输入email地址的文本框。提交时如果该文本框中内容不是email地址格式的文字则不允许提交，但是它并不检查email地址是否存在，和所有的输入类型一样，用户可能提交带有空字段的表单，除非该字段加上了required属性。 email类型的文本框具有一个multiple属性，它允许在该文本框中输入一串以逗号隔开的有效email地址。当然，这不是要求用户使用该email地址列表，浏览器可能使用复选框从用户的邮件客户端或手机通讯录中很好地取出用户的联络人的列表。email类型的input元素的使用方法如下所示。 email类型的input元素在Opera10浏览器中的外观如图3-19所示。 图3-19 email类型的in