html5中value这一属性啥意思,HTML5表单新增元素与属性知识点总结

一.表单新增的属性

1.form  2.formaction  3.formmethod  4.placeholder  5.autofocus  6.list  7.autocomplate

1.form属性，方便对其设置样式，目前是有oPera 10支持这一属性

2.formaction属性，可以使每一个标签元素都有一个提交的入口地址。

3.formmethod属性，可以给每个标签设置不同的提交方式。

4.placeholder属性,文本框的提示文字，Safari4,chrome3,firefox4支持该属性

5.autofocus属性，画面打开自动获取焦点。建议一个页面最好只有一个，Safari4,chrome3,firefox4

6.list属性，一般list和datalist是搭配使用,目前只有Opera10支持该属性

内容:

安徽

江苏

上海

北京

7.autoaomplate属性，自动完成功能。这个用的少，只有Opera10支持该属性

二、input元素的种类增加及改良

1.url类型，指定输入框为url地址，否则不给提交

2.email类型，指定输入框为email，否则不给提交

3.date类型，日期组件,在Opear10中有用

4.time类型，专门用来输入时间的，提交时还可以检查是否输入了有效的时间,在Opear10中有用

5.datetime类型，输入日期和时间

6.datetime-local类型，专门用来输入本地日期和时间的文本框，提交时可以自检。

7.month类型，输入月份的文本框

8.week类型，输入周号的文本框

9.number类型，专门用来用来输入数字的文本框

10..range专门用来输入某一值范围的

11.serarch类型专门用来输入关键词的，在一些浏览器当中和text的样式是差不多的。

12.color颜色选择器，现在只有blackbrry支持

13.tel类型专门用来输入电话号码的，没有校验规。但乐意通过patte模式进行验证

三.自动验证的相关属性

1.required属性要求输入框必须有内容(除了隐藏元素，图片元素按钮上)

2.pattern属性写上正则表达式来验证

3.min属性与max属性(验证输入的数值与日期的范围，Opera10支持)

4.step属性(Opera10支持)

四..显示的验证：form元素和input元素都具有一个checkValidity方法

var oEmi = document.getElementById('emi');

function checkForm(){

if(oEmi.value==''){

alert('请填写email地址');

return false;

}

else if(!oEmi.checkValidity()){

alert('请填写有效的email地址');

}

else{

alert('恭喜您输入的地址有效！');

}

};