美文网首页
HTML表单高级应用

HTML表单高级应用

作者: Tn299 | 来源:发表于2019-03-24 16:46 被阅读0次

(一)表单的隐藏域

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


image.png

语法说明:


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

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

语法

只读: image.png
禁用: image.png

语义化的表单

(一)关于语义化
没有明确的定义,只是为了让搜索引擎更好的搜索到本网页和布局的美观,语义化显示得非常重要。
(二)语义化表单
1.标签
在表单中,可以使用<fieldset>标签实现域的定义,使用<legend>标签来实现域的标题。
什么是域呢?简单地说就是将一组表单元素放到<fieldset>标签内,浏览器就会以特殊的方法来显示。
通常<fieldset>标签和<legend>标签一起使用。
案例:


image.png
image.png

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

(三)表单元素的标注

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


image.png

案例:


image.png
image.png

相关文章