HTML5为表单添加了一些新的语义化标签,可以更好地描述表单内容和功能。下面是新增的表单标签及其功能:
-
<datalist>
标签:用于定义一个选项列表,供用户选择或输入。 -
<output>
标签:用于显示表单提交后的结果或计算结果。 -
<progress>
标签:用于显示进度条。 -
<meter>
标签:用于显示读数仪表。 -
<keygen>
标签:用于生成一个公私密钥对,常用于验证和加密。
下面是一些表单标签的代码演示:
<datalist>
标签演示
<label for="fruit">请选择一个水果:</label>
<input list="fruit" name="fruit" id="myFruit">
<datalist id="fruit">
<option value="苹果">
<option value="香蕉">
<option value="橙子">
<option value="葡萄">
<option value="猕猴桃">
</datalist>