We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
<keygen>、<datalist>、<output> 新元素使用 <datalist>与<select>区别
<keygen>、<datalist>、<output>
<datalist>
<select>
<button>
reset
(submit
checked
multiple
<img>
<submit>
<img src="xxx.gif" onclick="return dosubmit();">
@
数字
A-Z
.
.com\
datetime
XXXX年XX周
input
type = "text"
required = "required"
required
date
time
number
range
max min
1
step = "5"
6
text
email
search
password
tel
url
HTML5
form
<form id="form1"></form> <p> <label for="admin">admin</label> <input type="text" id="admin" form="form1"/> </p>
type="file"
radio
checkbox
<input>
type="file/email"
type="image"
height="100"
width="100"
disabled和readonly区别
用于为表单数据指定约束: 表单提交时重置警告提示样式
<textarea>
pattern
min
max
step
maxlength
type
此外,若要阻止对表单进行约束验证,你可以在<form>上设置novalidate特性,或者button与<input>元素(type是submit或是image)上设置formnovalidate特性。这些特性都指定了当表单提交时不做验证。
<form>
novalidate
button
submit
image
formnovalidate
The text was updated successfully, but these errors were encountered:
No branches or pull requests
html表单元素
html5新增的表单元素:
<keygen>、<datalist>、<output>
新元素使用
<datalist>
与<select>
区别input元素(类型/属性)
input元素的type类型(23种)
<button>
元素相比,没有<button>
使用css方便。如果不是想要按钮重置(reset
)或者提交(submit
)checked
属性是默认选中项)checked
属性是默认选中项)multiple
属性可以同时上传多个文件,accept属性规定服务器接收到的文件类型。MIME类型)<img>
,会像所有的<submit>
一样提交图片,如果想上传图片,可以用这个类型。该类型可以设置width、height、src、alt这四个属性。用这种方式提交会发生表单提交两次的现象,经常会造成表单元素被重复提交,数据库被写入异常!原因:HTML 中 image的描述是“创建一个图像控件,该控件单击后将导致表单立即被提交”.<img src="xxx.gif" onclick="return dosubmit();">
@
、数字
、A-Z
、.
等,与输入邮箱有关的字符。.com\
等方便用户输入的web地址键盘。datetime
几乎完全一样,只是不是UTC时间。XXXX年XX周
。input的属性
input
标签里唯一的必须输入的属性,当然,也可以不填,默认为type = "text"
。required = "required"
(严格模式下),或者required
。如果这个字段的值为空,或者填入的值是无效值,那么这个表单不能提交。date
时间time
等输入,还有number
和range
。顾名思义,它们的作用是限制最大值,最小值。max min
类似,作用是提供一个可以上下点的按钮,比如当前数字是1
,你设置了step = "5"
,点一下上的按钮,就变成6
了。使用min和max属性限制可以设置数字或者日期时间值的增量。如果此属性为设置任何值,则控件仅接受大于最小步长值的倍数的值。text
、email
、search
、password
、tel
、或者url
,那么这个属性指明了用户最多可以输入的字符个数,对于其他类型的输入框,该属性将被忽略。)HTML5
中,表单控件已经没有必要嵌套在一个表单中,新的form
属性可以把表单元素与页面上的任意的表单关联起来。也可以被嵌套在一个表单中,随着另一个表单提交。<form id="form1"></form> <p> <label for="admin">admin</label> <input type="text" id="admin" form="form1"/> </p>
type="file"
)radio
或者checkbox
,则布尔值的存在表明该控件是否是选择的状态。<input>
元素的多个值(适用于type="file/email"
)。<input>
元素的高度(只针对type="image"
,如height="100"
<input>
元素的宽度(只针对type="image"
,如width="100"
disabled和readonly区别
用于为表单数据指定约束:
表单提交时重置警告提示样式
<input>
、<select>
、<textarea>
元素上的required
属性,指定必须提供元素的值。(在<input>
元素上,required
只能与特定的type特性结合起来生效)。<input>
元素上的pattern
特性用于限定元素值必须匹配一个特定的正则表达式。<input>
元素上的min
和max
特性限定了能够输入元素的最大值和最小值。<input>
元素的step
特性(与min
和max
特性结合使用)限定了输入值的间隔。如果一个值与允许的值的梯级不相符,则它无法通过验证。<input>
与<textarea>
元素的maxlength
特性限制了用户能够输入的最大字符数。type
的url
和email
值分别用于限定输入值是否为有效的url或者电子邮件。此外,若要阻止对表单进行约束验证,你可以在
<form>
上设置novalidate
特性,或者button
与<input>
元素(type是submit
或是image
)上设置formnovalidate
特性。这些特性都指定了当表单提交时不做验证。The text was updated successfully, but these errors were encountered: