HTML表单高级应用

(一)表单的隐藏域

有一些表单不需要在网页上显示，但后台服务器需要这些数据进行业务处理。比如用户的id。
语法：

image.png

语法说明：

image.png

例：
在登录页面中使用隐藏域保存用户的userid信息。

image.png

image.png

(二)表单的只读与禁用设置

语法

只读：

image.png

禁用：

image.png

语义化的表单

(一)关于语义化
没有明确的定义，只是为了让搜索引擎更好的搜索到本网页和布局的美观，语义化显示得非常重要。
(二)语义化表单
1.标签
在表单中，可以使用

标签实现域的定义，使用

标签来实现域的标题。
什么是域呢？简单地说就是将一组表单元素放到

标签内，浏览器就会以特殊的方法来显示。
通常

标签和

标签一起使用。
案例：

image.png

image.png

fieldest标签类似于边框线，legend类似于边框线上的字

(三)表单元素的标注

对表单元素进行标注，这样做的目的就是为了增强鼠标的可用性，这是因为使用表单元素标注时，在客户端呈现的效果不会有任何特殊的改进。但是如果当用户使用鼠标单击标注的文本内容时，浏览器会自动将焦点转移到与该标注相关的表单元素上。
语法：

image.png

案例：

image.png

image.png