HTML表单高级应用

(一)表单的隐藏域

有一些表单不需要在网页上显示,但后台服务器需要这些数据进行业务处理。比如用户的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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,610评论 1 45
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,048评论 0 0
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,107评论 2 21
  • 引言 在日常开发Android中,很多时候会遇到和WebView打交道,对CSS HTML JS不是很清楚的话是完...
    张文靖同学阅读 2,865评论 0 11
  • CSS参考手册 一、初识CSS3 1.1 CSS是什么 CSS3在CSS2.1的基础上增加了很多强大的新功能。目前...
    没汁帅阅读 3,627评论 1 13