婷婷综合国产,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的表單(絕對特別強大的功能)使用示例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 马关县| 五常市| 读书| 莆田市| 昭苏县| 沙田区| 洪洞县| 叶城县| 延长县| 新和县| 闽清县| 桂林市| 绥中县| 石城县| 南江县| 嘉荫县| 新丰县| 永州市| 浦城县| 霸州市| 锡林郭勒盟| 峨边| 伽师县| 左云县| 垫江县| 琼海市| 兰西县| 城固县| 定兴县| 明溪县| 五家渠市| 澄迈县| 凤山市| 麦盖提县| 德惠市| 鲜城| 长治县| 三原县| 永胜县| 汕头市| 平谷区|