站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
HTML5/HTML5表单属性
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
{{HTML5 top}} 本条目讲解涉及 <form> 和 <input> 元素的新属性。 ==新的form属性== *autocomplete *novalidate ==新的input属性== *autocomplete *autofocus *form *form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) *height 和 width *list *min, max 和 step *multiple *pattern (regexp) *placeholder *required ==浏览器支持== [[Image:HTLM bd.jpg]] ==autocomplete属性== autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。 注释:autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search,[[url]], telephone, [[email]], password, datepickers, range 以及 color。 当用户在自动完成域中开始输入时,[[浏览器]]应该在该域中显示填写的选项: 实例: <pre> <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> </pre> 注释:在某些浏览器中,您可能需要启用自动完成功能,以使该属性生效。 ==autofocus属性== autofocus 属性规定在页面加载时,域自动地获得焦点。 注释:autofocus 属性适用于所有 <input> 标签的类型。 实例: User name: <input type="text" name="user_name" autofocus="autofocus" /> ==form属性== form属性规定输入域所属的一个或多个表单。 注释:form 属性适用于所有 <input> 标签的类型。 form 属性必须引用所属表单的 id: 实例: <pre> <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" /> </pre> 注释:如需引用一个以上的表单,请使用空格分隔的列表。 ==表单重写属性== 表单重写属性(form override attributes)允许您重写 form 元素的某些属性设定。 表单重写属性有: *formaction - 重写表单的 action 属性 *formenctype - 重写表单的 enctype 属性 *formmethod - 重写表单的 method 属性 *formnovalidate - 重写表单的 novalidate 属性 *formtarget - 重写表单的 target 属性 注释:表单重写属性适用于以下类型的 <input> 标签:submit 和 image。 实例: <pre> <form action="demo_form.asp" method="get" id="user_form"> E-mail: <input type="email" name="userid" /><br /> <input type="submit" 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> </pre> 注释:这些属性对于创建不同的提交按钮很有帮助。 ==height和width属性== height 和 width 属性规定用于 image 类型的 input 标签的图像高度和宽度。 注释:height 和 width 属性只适用于 image 类型的 <input> 标签。 实例: <input type="image" src="img_submit.gif" width="99" height="99" /> ==list属性== list 属性规定输入域的 datalist。datalist 是输入域的选项列表。 注释:list 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, date pickers, number, range 以及 color。 实例: <pre> 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> </pre> ==min、max和step属性== *min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。 *max 属性规定输入域所允许的最大值。 *min 属性规定输入域所允许的最小值。 *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" /> ==multiple属性== multiple 属性规定输入域中可选择多个值。 注释:multiple 属性适用于以下类型的 <input> 标签:email 和 file。 实例: Select images: <input type="file" name="img" multiple="multiple" /> ==novalidate属性== novalidate属性规定在提交表单时不应该验证form或input域。 注释:novalidate 属性适用于 <form> 以及以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, range 以及 color. 实例: <pre> <form action="demo_form.asp" method="get" novalidate="true"> E-mail: <input type="email" name="user_email" /> <input type="submit" /> </form> </pre> ==pattern属性== pattern 属性规定用于验证 input 域的模式(pattern)。 模式(pattern) 是[[正则表达式]]。 注释: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属性== placeholder 属性提供一种提示(hint),描述输入域所期待的值。 注释:placeholder 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email 以及 password。 提示(hint)会在输入域为空时显示出现,会在输入域获得焦点时消失: <input type="search" name="user_search" placeholder="Search W3School" /> ==required属性== required 属性规定必须在提交之前填写输入域(不能为空)。 注释:required 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。 实例: Name: <input type="text" name="usr_name" required="required" /> ==参考来源== http://www.w3school.com.cn/html5/html_5_form_attributes.asp {{HTML5}} [[category:HTML5|H]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:HTML5
(
编辑
)
模板:HTML5 top
(
编辑
)