校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

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

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

熱門標簽:咸陽穩(wěn)定外呼系統(tǒng)軟件 小朱地圖標注 四川移動電銷外呼客戶管理系統(tǒng) 地圖標注柱狀圖 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,的,表單,絕對,特別,;如發(fā)現本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5的表單(絕對特別強大的功能)使用示例》相關的同類信息!
  • 本頁收集關于HTML5的表單(絕對特別強大的功能)使用示例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 卢氏县| 沙田区| 内黄县| 万全县| 绍兴市| 平利县| 凌云县| 金门县| 凤山县| 曲水县| 上杭县| 北辰区| 伊通| 浦北县| 洛阳市| 寿光市| 东兰县| 兴山县| 凌源市| 扎兰屯市| 平定县| 宜城市| 明光市| 石泉县| 伊春市| 论坛| 昌江| 上杭县| 修文县| 宁波市| 长春市| 长治市| 铜梁县| 韶关市| 曲阳县| 策勒县| 安泽县| 丹凤县| 洪雅县| 海原县| 永嘉县|