21. 检测属性支持
除了Modernizr之外我们还可以通过javascript简单地检测一些属性是否支持，如：

22. Mark元素 把元素看做是高亮的作用，当我选择一段文字的时候，javascript对于HTML的markup效果应该是这样的：

Search Results

They were interrupted, just after Quato said, ”Open your Mind”.

23. 什么时候用

HTML5已经引入了这么多元素，那么div我们还要用吗？div你可以在没有更好的元素的时候去用。
24. 想立即使用HTML5? 不要等2022了，现在就可以使用了，just do it.
25. 哪些不是HTML5 1)SVG
2)CSS3
3)Geolocation
4)Client Storage
5)Web Sockets
26. Data属性

Bla Bla

CSS中使用：

Don’t Touch Me

27. Output元素 元素用来显示计算结果，也有一个和label一样的for属性
28. 用Range Input来创建滑块 HTML5引用的range类型可以创建滑块，它接受min, max, step和value属性
可以使用css的:before和:after来显示min和max的值

input[type=range]:before { content: attr(min); padding-right: 5px;
}
input[type=range]:after { content: attr(max); padding-left: 5px;}

accesskey	规定访问元素的键盘快捷键
class	规定元素的类名（用于规定样式表中的类）。
contenteditable	规定是否允许用户编辑内容。
contextmenu	规定元素的上下文菜单。
dir	规定元素中内容的文本方向。
draggable	规定是否允许用户拖动元素。
dropzone	规定当被拖动的项目/数据被拖放到元素中时会发生什么。
hidden	规定该元素是无关的。被隐藏的元素不会显示。
id	规定元素的唯一 ID。
lang	规定元素中内容的语言代码。
spellcheck	规定是否必须对元素进行拼写或语法检查。
style	规定元素的行内样式。
tabindex	规定元素的 tab 键控制次序。
title	规定有关元素的额外信息。

转载于:https://www.cnblogs.com/zjqqqq/p/5061041.html

HTML5有哪些表单新特性相关推荐

html5表单新特性
html5表单新特性学习的笔记,记录备忘. 效果图: 代码: <!DOCTYPE html> <html><head><meta charset=" ...
html 表单自定义属性,HTML5基础知识汇总_(2)自定义属性及表单新特性
自定义属性data-* 说起这个属性,其实现在很常见了;怎么说呢,因为在一些框架都能看到他的身影!!! 比如Jquery mobile,里面非常频繁的使用了这个属性; 这个属性是哪里来的-.当然是跟随 ...
HTML5新的解析顺序,HTML5新表单新功能解析
HTML5新增了很多属性功能.但是有兼容性问题,因为这些表单功能新增的.我这里做了一个简单的练习,方便参考.如果完全兼容的话,那我们写表单的时候就省了很多代码以及各种判断. HTML5表单新功能解析 ...
html5表单验证没有效果,HTML5表单验证特性(知识点小结)
前台提交信息到后台一般两种常见提交方式: Form表单提交和 Ajax无刷新页面提交 placeholder 不是所有的input都支持,比如input date就不支持解决方案: 可以在date ...
HTML5新增input表单（HTML5）
HTML5新增input表单(HTML5) <!DOCTYPE html> <html lang="en"><head><meta cha ...
HTML5新增的表单类型
HTML5新增的表单类型整理时间:2017-10-4 整理人:info#haixia.net(将#替换成@,来信必复) 序号属性名称描述 1 number 仅限数值型数据,可设置区间范围与步长增 ...
HTML5 JavaScript CSS 表单实现购物优惠打折
HTML5 JavaScript CSS 表单实现购物优惠打折文章目录 HTML5 JavaScript CSS 表单实现购物优惠打折前言一.CSS代码如下,通过外链接实现交互. 二.HTML5 ...
HTML5中将中文表单验证默认提示语句改为英文！
js代码: function checkEmail(){var email=document.getElementById("eject_email");if(email.valu ...
HTML5新增的表单事件:oninput、onkeyup、oninvalid
HTML5新增的表单事件:oninput.onkeyup.oninvali 1:oninput 监听当前指定元素内容的改变:只要内容改变(添加元素,删除元素),就会触发这个事件 2:onkeyup 键 ...

HTML5有哪些表单新特性

Search Results

Don’t Touch Me

HTML5有哪些表单新特性相关推荐

最新文章

热门文章