HTML5 表单新增元素与属性讲解

<h1>01 标签的control属性</h1>
中文翻译:控制
在HTML5中,可以再标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单元素。
<h2>form属性</h2>

Form属性

<h2>formaction属性</h2>
HTML4中,一个表单元素只能通过表达的action属性被统一提交到一个页面,而HTML5中可以为所有的提交按钮增加不同的action属性,使单击不同的按钮时可以将表单提交到不同的页面上!

FORMACTION

<h2>formmethod元素</h2>
中文翻译method:方法;
HTML5中,可以使用formmethod属性来对表单元素分别制定不同的提交方法。

formmethod

<h2>formenctype属性</h2>
在HTML5中,可以使用formenctype熟悉对表单元素分别制定不同的编码方式。

formenctype

<h2>formtarget属性</h2>

兼容性注释:
在 HTML 4.01 中,不赞成使用 form 元素的 target 属性;在 XHTML 1.0 Strict DTD 中,不支持该属性。
formtarget

formtarget属性

<h2>autofocus属性</h2>
中文翻译:自动对焦
为为文本框,复选框或按钮控件加上autofocus属性,当画面打开时,该控件自动获取光标焦点。


autofocus

<h2>required元素</h2>

中文翻译:需要
HTML5中新增required属性可以应用在大多数输入元素上,在提交时,如果元素中内容为空白,则不允许提交,同时在浏览器中显示信息提示文字。

required元素

<h1>labels元素</h1>
中文翻译:标签
在HTML5中,为所有可使用的标签的表单元素,button,select元素等,定义一个labels属性,属性为一个NodeList对象,代表该元素所绑定的标签元素所构成的集合。
(注:这里不多讲在学完JavaScript后讲!)

labels元素
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • html5新增了许多表单属性。这里主要分为 属性和 属性,当然还有关于checkbox的和label标签的属性我们...
    便U_Life阅读 6,330评论 0 8
  • HTML5 新的表单元素 HTML5 有以下新的表单元素: < datalist> 注意:不是所有的浏览器都支持H...
    鹿守心畔光阅读 3,723评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,452评论 19 139
  • 表单新特性 1、form属性 在html4中表单内的从属元素必须写在表单内部,而在html5中,指定form元素的...
    琉璃元宝阅读 4,179评论 0 0
  • 你的降临, 被赋予撬动历史的力量。 延绵的山脉, 你是一座奇峰。 力排众议,力扭乾坤, 使精神为之一振。 举孝廉,...
    逸楼居士阅读 1,423评论 0 1