首页 > 编程 > HTML > 正文

HTML5 表单属性

2020-03-24 17:22:21
字体:
来源:转载
供稿:网友
form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)height 和 widthmin, max 和 stepmultiplepattern (regexp)placeholderrequired

注释:autocomplete 适用于 form 标签,以及以下类型的 input 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。

当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:

 form action= demo_form.asp method= get autocomplete= on First name: input type= text name= fname / br / Last name: input type= text name= lname / br / E-mail: input type= email name= email autocomplete= off / br /  input type= submit /  /form 

亲自试一试

注释:在某些浏览器中,您可能需要启用自动完成功能,以使该属性生效。


form action= demo_form.asp method= get id= user_form First name: input type= text name= fname / input type= submit / /form Last name: input type= text name= lname form= user_form /

亲自试一试

注释:如需引用一个以上的表单,请使用空格分隔的列表。
form action= demo_form.asp method= get id= user_form E-mail: input type= email name= userid / br / input type= submit html' target='_blank'>value= Submit / br / input type= submit formaction= demo_admin.asp value= Submit as admin / br / input type= submit formnovalidate= true value= Submit without validation / br / /form

亲自试一试

注释:这些属性对于创建不同的提交按钮很有帮助。


注释:list 属性适用于以下类型的 input 标签:text, search, url, telephone, email, date pickers, number, range 以及 color。

Webpage: input type= url list= url_list name= link /  datalist id= url_list  option label= W3Schools value= http://www.w3school.com.cn /  option label= Google value= http://www.google.com /  option label= Microsoft value= http://www.microsoft.com /  /datalist 

亲自试一试


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

注释:min、max 和 step 属性适用于以下类型的 input 标签:date pickers、number 以及 range。

下面的例子显示一个数字域,该域接受介于 0 到 10 之间的值,且步进为 3(即合法的值为 0、3、6 和 9):

Points: input type= number name= points min= 0 max= 10 step= 3 / 

亲自试一试


注释:novalidate 属性适用于 form 以及以下类型的 input 标签:text, search, url, telephone, email, password, date pickers, range 以及 color.

 form action= demo_form.asp method= get novalidate= true E-mail: input type= email name= user_email /  input type= submit /  /form 

亲自试一试


模式(pattern) 是正则表达式。您可以在我们的 JavaScript 教程中学习到有关正则表达式的内容。

注释:pattern 属性适用于以下类型的 input 标签:text, search, url, telephone, email 以及 password。

下面的例子显示了一个只能包含三个字母的文本域(不含数字及特殊字符):

Country code: input type= text name= country_code pattern= [A-z]{3} title= Three letter country code / 

亲自试一试


注释:placeholder 属性适用于以下类型的 input 标签:text, search, url, telephone, email 以及 password。

提示(hint)会在输入域为空时显示出现,会在输入域获得焦点时消失:

 input type= search name= user_search placeholder= Search W3School / 

亲自试一试


注释:required 属性适用于以下类型的 input 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

Name: input type= text name= usr_name required= required / 

亲自试一试

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

上一篇:HTML 5 Web Workers

下一篇:HTML 图像

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表