婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML5的表單(絕對特別強大的功能)使用示例

HTML5的表單(絕對特別強大的功能)使用示例

熱門標簽:咸陽穩定外呼系統軟件 小朱地圖標注 四川移動電銷外呼客戶管理系統 地圖標注柱狀圖 400開頭的電話好申請不 臨海地圖標注app 怎么做百度地圖標注 智能芯電話機器人 百度地圖標注為什么總是封號
1、郵箱的自動驗證 只需要type=“email”
2、日期的驗證(年月日):type="date"
3、時間的驗證(格式:00:00):type="time"
4、數字的驗證 (可以向上加 向下減)type="number"
5、月份(--年--月)type="month"
6、周(--年--周)type="week"
7、range(范圍0-100) 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>

貼圖一張:

標簽:黃石 黃石 公主嶺 平頂山 山南 平涼 陜西 南平

巨人網絡通訊聲明:本文標題《HTML5的表單(絕對特別強大的功能)使用示例》,本文關鍵詞  HTML5,的,表單,絕對,特別,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5的表單(絕對特別強大的功能)使用示例》相關的同類信息!
  • 本頁收集關于HTML5的表單(絕對特別強大的功能)使用示例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 青海省| 华池县| 舞钢市| 库尔勒市| 和静县| 曲阳县| 通渭县| 乡城县| 隆安县| 开平市| 元江| 且末县| 乐都县| 平湖市| 巴林右旗| 嫩江县| 浮梁县| 汪清县| 湖南省| 青田县| 双城市| 宜城市| 连南| 涟水县| 鄂托克旗| 宁津县| 华容县| 新丰县| 积石山| 梓潼县| 青田县| 改则县| 万州区| 罗平县| 郎溪县| 漳平市| 玉龙| 凤阳县| 金堂县| 青龙| 大新县|