点评:HTML5表单中的绝对特别强大的功能在本文为大家详细介绍下包括:表单的属性,有效果图,大家可以参考下
1、邮箱的自动验证 只需要type=“email”复制代码
代码如下:
<form action="Myform.php" method='post'>
邮箱:<input type="email" required="required" /><br/>
日期:<input type="date" /><br/>
时间:<input type="time" /><br/>
数字:<input type="number" /><br/>
月份:<input type="month" /><br/>
星期:<input type="week"/><br/>
range:<input type="range" /><br/>
search:<input type="search"/><br/>
颜色:<input type="color" /><br/>
<input type="text" value="" list="movie"/>
<datalist>
<option>呵呵呵</option>
<option>喂喂喂</option>
<option>嘿嘿嘿</option>
</datalist>
<input type="submit" value="提交"/>
</form>
url:<input type="url" required="required" form="Myform" /><br/>
用户名:<input type="text" required="required" placeholder="请输入用户名" form="Myform" autofocus="autofocus" pattern='/w{5}'/>
复制代码
代码如下:
<input type="text" value="" list="movie"/>
<datalist>
<option>呵呵呵</option>
<option>喂喂喂</option>
<option>嘿嘿嘿</option>
</datalist>
新闻热点
疑难解答