HTML5新增的属性与元素

1、form属性

html5为表单控件新增了form属性，用于定义该表单控件所属表单，该属性的值应该是它所属表单的id

2、formaction属性

　这是一个十分实用的属性，如果页面中有一个表单，表单中有两个以上的提交按钮，但程序需要不同的按钮提交到不同的action。

3、formxxx属性

formxxx属性是与formaction极为相似的属性包括

  • formenctype 可以让按钮动态地改变表单的enctype属性
  • formmethod可以让按钮动态地设置表单以post或get
  • formtarget可以让按钮动态地改变表单的target属性

4、autofocus属性

注意：由于打开页面时只能有一个控件获得焦点，因此整个页面上最多只能有一个表单控件可以设置该属性。

5、placeholder属性

6、list属性

在html5之前，html表单控件没有类似于ComboBox的组件.html5的list属性弥补了这个不足，list属性的值应该是一个<datalist.../>组件的id。也就是说，list属性必须与<datalist.../>元素结合使用。

提示：为了保证list属性具有较好的、一致的行为，建议使用<datallist.../>定义下拉菜单时，让每个<option.../>元素的文本与value属性值完全相同。

7、autocomplete属性

该属性主要用于与list属性结合使用，当为文本框指定了有效的list属性之后，该文本框下面总会显示一个下拉菜单拱用户选择。但有时候开发者不想让某些用户看到这个下拉菜单，则可以通过autocomplete属性来实现。该属性支持一下两个属性值。

on:打开autocomplete

off:关闭autocomplete

时间： 2024-10-27 12:14:41

HTML5新增的属性与元素的相关文章

HTML5新增的属性与元素（二）

1.功能丰富的input元素 color:让<input.../>元素生成一个颜色选择器 date:让<input.../>元素生成一个时间选择器 time:让<input.../>元素生成一个时间选择器 datetime:让<input.../>元素生成一个UTC日期.时间选择器 datetime-local:让<input.../>元素生成一个本地日期.时间选择器 week:让<input.../>元素生成一个供用户选择第几周的文

全栈JavaScript之路（十七）HTML5 新增字符集属性

HTML5 增加了几个文档字符集属性. document.charset : 表示文档的实际使用的字符集. document.defaultCharset: 表示默认的字符集,跟浏览器以及操作系统设置有关. 如果文档没有使用默认字符集,那么 document.charset 与 document.defaultCharset 可能不同. 设置文档字符集: 但可以通过<meta>元素.响应头部或直接设置charset 属性修改这个值.来看三个例子. <meta http-equiv=&qu

HTML5新增的非主体结构元素

-------------------siwuxie095 HTML5 新增的非主体结构元素 1.header 元素 header 元素是一种具有引导和导航作用的结构元素,通常 用来放置整个页面 或 页面内的一个内容区块的标题,但是 也可以包含其它内容,如:数据表格.搜索表单.或相关的 logo 图片 2.footer 元素 footer 元素可以作为其上层父级内容区块 或 是一个根区块 的脚注 footer 元素通常包括其相关区块的脚注信息,如:作者.相 关阅读链接.版权信息等 3.hgrou

HTML5新增的属性和废除的属性

HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性. 新增的属性 1.表单相关的属性 对input(type=text).select.textarea与button指定autofocus属性.它以指定属性的方式让元素在画面打开时自动获得焦点. 对input(type=text).textarea指定placeholder属性,它会对用户的输入进行提示,提示用户可以输入的内容. 对input.output.select.textarea.button与fieldset指定form

HTML5 新增通用属性

一:HTML5保留的常用元素 7. 表格相关元素.表格在html里还算重要的了.   <table>  :用于表格定义.    cellpadding: 单元格内容和单元格边框距离    cellspacing: 单元格间距    width      : 表格宽度  <caption>: 表格标题最多只额能包含一个.  <thead>  : 表格头,可以有多个.  <tfoot>  : 表格脚.  <tbody>  : 表格体.值能包含<

html5新增的属性和废除的属性简要概述

HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性.鞍山皮肤病科在哪www.0412pfk.net 新增的属性 1.表单相关的属性 对input(type=text).select.textarea与button指定autofocus属性.它以指定属性的方式让元素在画面打开时自动获得焦点. 对input(type=text).textarea指定placeholder属性,它会对用户的输入进行提示,提示用户可以输入的内容. 对input.output.select.textare

HTML5新增常用属性

一. 代码名称语义化的好处 1.能让搜索引擎更好的收录 2.对于特殊设备如盲人设备好解析 二.article和section的区别 article(文章):独立且能被外部引用 section(章节.段落):不独立,不能被外部引用 三. css3常用的新增属性 可以下拉的输入框 datalist 2.图片加载figure 3.音频audio 不支持播放 autoplay:准备就绪后播放 controls:音频控件 4.css2布局分为盒模型.可视化模型 其中盒模型包括:块级.BFC(块级元素格式化

html5新增的结构化元素

1.主题结构元素: article section time  pubdate属性  nav aside article用法:常用来表示一个独立的结构: section用法:一个东西可能会有几部分,每一个可用一个section组成: article和section的区别:article是section的特例,article更强调与其他部门的独立,section强调分段和分块. time  用法: <time pubdate datetime="2014/09/01T21:51Z"

HTML5新增标签属性

----- 新类型表单 - email 自动校验输入的是不否是email 邮箱:<input type="email" name="user_email" /> - url 自动将提交数据变为Url 我的主页:<input type="url" name="user_url" /> - number 输入数字 金额:<input type="number" name="