HTML5的表单(肯定非常强劲的作用)应用示例

日期:2021-02-25 类型:科技新闻 

关键词:快速建站,网站建设系统,免费网页建站,网站免费建设,建站系统

1、电子邮箱的全自动认证 只必须type=“email”
2、时间的认证(年月日):type="date"
3、時间的认证(文件格式:00:00):type="time"
4、数据的认证 (能够向上加 向下减)type="number"
5、月份(--年--月)type="month"
6、周(--年--周)type="week"
7、range(范畴0⑴00) type="range"
8、search type="search"
9、色调的色调大全:type="color"
10、url认证 (务必前面有http://---) type="url"

拷贝编码
编码以下:

<form action="Myform.php" id='Myform' method='post'>
电子邮箱:<input type="email" id='email' required="required" /><br/>
时间:<input type="date" id='date' /><br/>
時间:<input type="time" id='time' /><br/>
数据:<input type="number" id='number' /><br/>
月份:<input type="month" id='month' /><br/>
礼拜:<input type="week" id='week'/><br/>
range:<input type="range" id='range' /><br/>
search:<input type="search" id='search'/><br/>
色调:<input type="color" id='color' /><br/>
<input type="text" name="auto" value="" list="movie"/>
<datalist id="movie">
<option>呵呵呵</option>
<option>喂喂喂</option>
<option>嘿嘿嘿</option>
</datalist>
<input type="submit" value="递交"/>
</form>
url:<input type="url" id='url' required="required" name="url" form="Myform" /><br/>
客户名:<input type="text" required="required" placeholder="请键入客户名" form="Myform" autofocus="autofocus" pattern='\w{5}'/>

html新增表单特性
1、required=“required” 认证时 必须必填
2、placeholder="请键入客户名" 默认设置值,给客户提醒的,并不是递交到服务器的
3、autofocus="autofocus" 全自动聚焦作用,提高客户友善
4、pattern='\w{5}' 在html元素中填写正则表达式表述式
在表单以外还可以递交表单 可是必须 在<input form="Myform"/>中 form=“Myform”必须和form表单中的id的值相同即:<form id="Myform"></form>
全自动填充表单:(实际效果觉得要比往下拉目录许多了 并且觉得实际效果挺好的)list的值要和datalist中的id的值相同这样才可以鉴别到我要显示信息你的內容:

拷贝编码
编码以下:

<input type="text" name="auto" value="" list="movie"/>
<datalist id="movie">
<option>呵呵呵</option>
<option>喂喂喂</option>
<option>嘿嘿嘿</option>
</datalist>

贴图1张: