码迷,mamicode.com
首页 > Web开发 > 详细

html5-表单常见操作

时间:2017-04-07 21:33:30      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:form   获取   nbsp   hid   date   input   网页   toc   taglist   


<form  autocompelate="on" id="from1">
<!--常用属性-->
邮件:<input type="email">
地址:<input type="url">
电话:<input type="tel"><!--不支持-->
数字:<input type="number" min="1" max="10" step="2">
进度条:<input type="range" min="1" max="10" step="2">
颜色:<input type="color"><!--不支持-->
时间:<input type="date"><!--不支持-->
月:<input type="month"><!--不支持-->
周:<input type="week"><!--不支持-->

<!--文本自动打开自动获取焦点-->
<input type="text" autofocus="autofocus">

<!--文本下拉列表开始-->
<input type="text" list="taglist">
<datalist id="taglist">
<option>wuban</option>
<option>baidu</option>
</datalist>
<!--说明:<form  autocompelate="on">加上此属性当输入时自动会关联-->
<!--文本下拉列表结束-->
<!--对不同网页提交-->
<input type="text"  formaction="index.php">
<!--批量上传_默认支持单个,multiple="multiple"批量上传属性-->
<input type="file" multiple="multiple">
<!--对文本启用正则_当不合格时候会弹出提示-->
<input type="text" pattern="{0-9}{6}" title="请输入电话号码">
 <!--对文本框开启默认提示-->
  <input type="text" placeholder="请输入用户名">
   <!--文本不能为空-->
 <input type="text" required="required">
提交:<input type="submit">
</form>
<!--放在表单外提交  form="from1"是当前表单FROM的ID-->
<input type="text" form="from1">
<!--隐藏-->
<p hidden="hidden">xxx</p>

html5-表单常见操作

标签:form   获取   nbsp   hid   date   input   网页   toc   taglist   

原文地址:http://www.cnblogs.com/bk7788/p/6679906.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!