form属性
<form id="testform">
<input type="text" name="">
</form>
<input form="testform" type="text" name="">
- 注:html5中,在form外的input,如果其form属性与form表单的id相同,则其input属于该form范围,则在form表单提交时,其也会一并提交。
placeholder属性
<input type="text" name="" placeholder="请输入内容">
autofocus熟悉
<input type="text" name="" placeholder="请输入内容" autofocus>
required属性
<input type="text" name="" required>
- 如果表单中有required属性的项未填写,则无法提交
移动web表单的input类型(即type=" ")
- search类型文本
支持safari浏览器,文本框外观圆角文本框
- email类型文本
支持safari浏览器,外观和text类型一样,在输入时iphone输入键盘提供和email相关的字符输入键,比如@和点号
- number类型文本
支持safari浏览器,输入时,iphone提供数字和字母结合的键盘
- range类型文本
数值范围输入文本框,提供的是一种滑动输入方式,需配合max,min,range等属性使用。
- tel类型文本
支持safari浏览器,输入时,iphone提供数字的输入法键盘;
- url类型文本
支持safari浏览器,输入时,iphone提供网址的输入法键盘;
- datetime-local 日期和时间选择文本框
- Time 时间选择文本框
- Date 日期选择文本框
- Week 年的周号选择文本框
- Month 月份选择文本框
网友评论