(一)表单的隐藏域
有一些表单不需要在网页上显示,但后台服务器需要这些数据进行业务处理。比如用户的id。
语法:
![](https://img.haomeiwen.com/i14491816/233d5304332b8768.png)
语法说明:
![](https://img.haomeiwen.com/i14491816/4935dd1a458c2e46.png)
例:
在登录页面中使用隐藏域保存用户的userid信息。
![](https://img.haomeiwen.com/i14491816/74b8bde5aa4cd8da.png)
![](https://img.haomeiwen.com/i14491816/77b4f1c2e62555ff.png)
(二)表单的只读与禁用设置
语法
![](https://img.haomeiwen.com/i14491816/4dc4003e3831c190.png)
禁用:
![](https://img.haomeiwen.com/i14491816/77cef2c6fbf567d4.png)
语义化的表单
(一)关于语义化
没有明确的定义,只是为了让搜索引擎更好的搜索到本网页和布局的美观,语义化显示得非常重要。
(二)语义化表单
1.标签
在表单中,可以使用<fieldset>标签实现域的定义,使用<legend>标签来实现域的标题。
什么是域呢?简单地说就是将一组表单元素放到<fieldset>标签内,浏览器就会以特殊的方法来显示。
通常<fieldset>标签和<legend>标签一起使用。
案例:
![](https://img.haomeiwen.com/i14491816/f1a5bb14019921c4.png)
![](https://img.haomeiwen.com/i14491816/9f2694c797b79ac3.png)
fieldest标签类似于边框线,legend类似于边框线上的字
(三)表单元素的标注
对表单元素进行标注,这样做的目的就是为了增强鼠标的可用性,这是因为使用表单元素标注时,在客户端呈现的效果不会有任何特殊的改进。但是如果当用户使用鼠标单击标注的文本内容时,浏览器会自动将焦点转移到与该标注相关的表单元素上。
语法:
![](https://img.haomeiwen.com/i14491816/0d77a49f6b4a9ee0.png)
案例:
![](https://img.haomeiwen.com/i14491816/ddbfafab19e57f71.png)
![](https://img.haomeiwen.com/i14491816/f2d0cea07d806052.png)
网友评论