HTML5新增的属性与元素(二)

1、功能丰富的input元素

  • color:让<input.../>元素生成一个颜色选择器
  • date:让<input.../>元素生成一个时间选择器
  • time:让<input.../>元素生成一个时间选择器
  • datetime:让<input.../>元素生成一个UTC日期、时间选择器
  • datetime-local:让<input.../>元素生成一个本地日期、时间选择器
  • week:让<input.../>元素生成一个供用户选择第几周的文本框
  • month:让<input.../>元素生成一个月份选择器
  • email:让<input.../>元素生成一个E-mail输入框。
  • tel:
  • url:
  • number:
  • range:让<input.../>元素生成一个拖动条,通过拖动条使得用户只能输入指定范围、指定步长的值。该文本框可以指定如下三个属性:min,max,step
  • search:

2、新增的表单控件

html5新增了一个<output.../>表单控件,该元素用于显示输出,比如计算结果或脚本的输出。<output.../>元素必须输入某个表单。

注意:与其它表单控件不同的是,<output.../>所生成的表单控件并不会生成请求参数,它只是用于显示输出。

时间: 2024-10-07 20:27:28

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

HTML5新增的属性与元素

1.form属性 html5为表单控件新增了form属性,用于定义该表单控件所属表单,该属性的值应该是它所属表单的id 2.formaction属性 这是一个十分实用的属性,如果页面中有一个表单,表单中有两个以上的提交按钮,但程序需要不同的按钮提交到不同的action. 3.formxxx属性 formxxx属性是与formaction极为相似的属性包括 formenctype 可以让按钮动态地改变表单的enctype属性 formmethod可以让按钮动态地设置表单以post或get form

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

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

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

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="