表单属性

autocomplete 属性

autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。

注释:autocomplete 适用于

标签,以及以下类型的 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。

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

实例

> First name:
Last name:
E-mail: />


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

autofocus 属性

autofocus 属性规定在页面加载时,域自动地获得焦点。

注释:autofocus 属性适用于所有 标签的类型。

实例

User name:  />

form 属性

form 属性规定输入域所属的一个或多个表单。

注释:form 属性适用于所有 标签的类型。

form 属性必须引用所属表单的 id:

实例

id="user_form"> First name:

Last name: form="user_form" />

注释:如需引用一个以上的表单,请使用空格分隔的列表。

表单重写属性

表单重写属性(form override attributes)允许您重写 form 元素的某些属性设定。

表单重写属性有:

  • formaction - 重写表单的 action 属性
  • formenctype - 重写表单的 enctype 属性
  • formmethod - 重写表单的 method 属性
  • formnovalidate - 重写表单的 novalidate 属性
  • formtarget - 重写表单的 target 属性

注释:表单重写属性适用于以下类型的 标签:submit 和 image。

实例

E-mail:

formaction="demo_admin.asp" value="Submit as admin" />

formnovalidate="true" value="Submit without validation" />


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

height 和 width 属性

height 和 width 属性规定用于 image 类型的 input 标签的图像高度和宽度。

注释:height 和 width 属性只适用于 image 类型的 标签。

实例

width="99" height="99" />

list 属性

list 属性规定输入域的 datalist。datalist 是输入域的选项列表。

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

实例

Webpage: list="url_list" name="link" />
id="url_list">



min、max 和 step 属性

min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。

max 属性规定输入域所允许的最大值。

min 属性规定输入域所允许的最小值。

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

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

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

实例

Points: min="0" max="10" step="3" />

multiple 属性

multiple 属性规定输入域中可选择多个值。

注释:multiple 属性适用于以下类型的 标签:email 和 file。

实例

Select images: multiple="multiple" />

novalidate 属性

novalidate 属性规定在提交表单时不应该验证 form 或 input 域。

注释:novalidate 属性适用于

以及以下类型的 标签:text, search, url, telephone, email, password, date pickers, range 以及 color.

实例

novalidate="true"> E-mail:

pattern 属性

pattern 属性规定用于验证 input 域的模式(pattern)。

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

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

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

实例

Country code: pattern="[A-z]{3}" title="Three letter country code" />

placeholder 属性

placeholder 属性提供一种提示(hint),描述输入域所期待的值。

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

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

实例

placeholder="Search W3School" />

required 属性

required 属性规定必须在提交之前填写输入域(不能为空)。

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

时间: 2024-10-22 01:48:11

表单属性的相关文章

CSS表单属性

一般来说,表单在一个页面中是必不可少的,下面是我对表单的知识总结: 依次要说的是表单元素.表单属性.以及表单提交(js知识) 1,表单元素: <form action="提交的位置 //不写的话会提交给自身" method="如何发送表单数据"></form> form内的元素: 1)datalist(数据列表) 2)keygen(生成加密字符串) 3)output(输出结果) 4)meter(度量器) 2,表单属性:   1)palceho

HTML5 学习笔记 表单属性

HTML5新的表单属性 HTML5 的form和input 标签添加了几个新的属性 <form>新属性 autocomplete novalidate input 新属性 autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min and max multiple pattern (regexp) placeholder req

服务器变量 超级全局数组$_SERVER (附加超简单表单与html5表单属性)

001.html <html> <head><title>user log</title> <meta http-equiv="content-type" content="text/html;charset:utf-8"> </head> <body> <form method="post" action="001.php"> 用

HTML5 表单属性

1.HTML5 新的表单属性 HTML5 的 <form> 和 <input>标签添加了几个新属性. <form>新属性:autocomplete.novalidate <input>新属性:autocomplete.autofocus.form.formaction.formenctype.formmethod.formnovalidate.formtarget.height and width.list.min and max.multiple.patt

html5中新增的form表单属性

html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性 该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能:当设置off时,关闭该功能.启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项.用户每提交一次,就会增加一个用于选择的选项 <!DOCTYPE html> <html> <head lang="en"

Html5之高级-2 HTML5表单属性(属性介绍、属性详解)

一.属性介绍 属性介绍 - 有一些输入类型要求使用特定的属性才能显示效果,如前面提到过min,max,step. 其他输入类型需要使用一些属性来改进其他性能,或者决定验证过程的重要性.HTML5 标准中再原来的基础上增加了一些新的属性. - Placeholder 属性 - Nultiple 属性 - Autofocus 属性 - Form 属性 二.属性详解 Placeholder 属性 - Placeholder 属性通常用于search输入类型,也可以用在文本域.它表示一个简单提示.单词或

HTML表单属性与全局属性

1.全局属性 title定义鼠标悬浮在上面的提示.比如: 2.表单属性 placeholder用于给输入框刚开始的提示,当用户输入时候会自动消失,比如:

兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理

当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.match(/7./i)=="7." || navigator.appVersion.match(/8./i)=="

HTML 表单属性

表单属性: <form></form>表单元素 1.name 表单命名 2.action 可以定义一个链接,提交数据后的处理页面 3.method="post | get" 提交数据的方式 4.enctype="multipar/form-data" 对表单传递的照片.压缩包.音频等文件需要用到这个编码方式 <input></input> 1.type= "text" 文本框 "passw

HTML5常用语义化标签&amp;表单类型&amp;表单属性

HTML5语义化标签 1.<article>表示包含一个文档.页面.应用程序或网站中的一段独立的内容,也就是说,它能够独立地被发布或重新使用.可适用的地方有:一篇博客.一个论坛帖子.一篇新闻报道.一个用户评论... 2.<header>一般被放置在页面的顶部,或者页面中某个区块元素的顶部,包含整个页面或某个区块的标题.简介等信息. 一个文档中可以包含多个header标签header标签不一定只能显示在页面的上方,它的内容决定该地方是否需要使用header标签可以为body.arti