html5新增的元素与属性

1.form表单属性
2.fornaction提交到jsp中


3.formmethod属性(form表单提交不同的方法)

 
    
id="test">
type="submit" name="s1" value="v1" formmethod="post" formaction="aside.html">第一个月面
type="submit" name="s1" value="v1" formmethod="post" formaction="aside.html">第2个页面
4.formenctype属性  
formenctype="text/plain"表单中的空格转换成+号,但是对特殊的字符不作处理
formenctype="multipart/form-date"不对字符进行编码,在使用文件上传,控件的表单时必须使用该值
formenctype="application/x-www-form-urlencoded"编码所有的字符,当表单元素,当action属性为get时,浏览器则用当前的编码方式,把表单装换成字符。
5.formtarget属性

formtarget="_blank"在新的浏览器打开
formtarget="_self"在当前的页面中打开
formtarget="_parent在当前父类浏览器打开
formtarget="_top"在的浏览器打开
formtarget="framename"在框架中打开
6.autofocus属性

7.required属性(提交为空时提醒)

 
    
action="" >
type="text" required="required">
type="submit">提交


8.labels属性

 
    
id="testform" action="" >
id="label" for="txt_name">
id="txt_name">
type="button" id="btnValidate" value="验证" onclick="Validate()">


9.control属性

 
   
body>
id="label">
邮编: id="txt_zip" maxlength="6">
请输入六位数
type="button" value="设置默认值" onclick="setValue()">


10.placeholder属性(文本框的提示

 
    
body>
type="text" placeholder="请输入用户名">


11.list属性(类似下拉菜单)可以自己输入
 
    
>
type="text" name="greeting" list="greetings">
id="greetings" style="display:none">
value="HTML5学习">HTML5学习
value="web学习">web学习
value="ios学习">ios学习


12.AutoComplete属性(后台提交的安全性)

 
    
type="text" name="greeting" autocomplete="off" list="greetings">
id="greetings" style="display:none">
value="HTML5学习">HTML5学习
value="web学习">web学习
value="ios学习">ios学习
type="submit" value="提交">


13.文本框的pattern属性(输入的格式师是否正确)

 
    
pattern="[A-Z]{3}" name="part">
type="submit" value="提交">


14.文本框的SelectionDirection属性   
15.indeterminate属性





你可能感兴趣的:(html5)