html5新标签总结

一:语义化标签

<header></header>

<nav></nav>

<artical></artical>

<section></section>

<aside></aside>

<footer></footer>

二:表单元素

<datalist></datalist>  规定输入域的选项列表

<keygen>

<output></output>::用于不同类型的输出,比如计算或脚本输出:

三:inpu类型type

email

url

number

range

date

search

color

四:表单属性

form里边:autocomplete:规定 form 或 input 域应该拥有自动完成功能(用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项    表单的自动完成功能是打开的,而 e-mail 域是关闭的)

                    autofocus :在页面加载时,域自动地获得焦点。

                    input里边:form :规定输入域所属的一个或多个表单。

三:表单重写属性:适用于submit 和 image。

formaction - 重写表单的 action 属性

formenctype - 重写表单的 enctype 属性

formmethod - 重写表单的 method 属性

formnovalidate - 重写表单的 novalidate 属性

formtarget - 重写表单的 target 属性

height , width:: 属性只适用于 image 类型的 标签。

list:规定输入域的 datalist。datalist 是输入域的选项列表。

max 属性规定输入域所允许的最大值。

min 属性规定输入域所允许的最小值。

step 属性为输入域规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)。

multiple 属性规定输入域中可选择多个值。(适用于email 和 file。)

pattern 属性规定用于验证 input 域的模式(pattern)

placeholder 属性提供一种提示(hint),描述输入域所期待的值。

required 属性规定必须在提交之前填写输入域(不能为空)。

四:画布:canvas

五:<audio> <video> 

六:地理

七:拖拽

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

推荐阅读更多精彩内容

  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 4,241评论 0 4
  • 1.什么是 HTML5? HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML ...
    A_sura阅读 4,766评论 3 26
  • HTML5 新的表单元素 HTML5 有以下新的表单元素: < datalist> 注意:不是所有的浏览器都支持H...
    鹿守心畔光阅读 3,723评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,710评论 19 139
  • 最佳阅读:科普已不易,幻想要牛逼 01 事情还得从上个月一个黄昏说起:当我用滴滴打车时发现有一条未支付订单,随手去...
    紫竹阅读 5,013评论 0 1