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

主頁 > 知識庫 > 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的表單(絕對特別強大的功能)使用示例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 呼图壁县| 沅陵县| 阜新| 普陀区| 城固县| 孙吴县| 长武县| 安龙县| 涟源市| 深州市| 荥经县| 常州市| 岳普湖县| 贵阳市| 双辽市| 修武县| 施秉县| 甘泉县| 亚东县| 天水市| 浮山县| 峡江县| 尚义县| 高邑县| 兴文县| 都匀市| 龙南县| 宁安市| 米脂县| 仪陇县| 扎赉特旗| 墨竹工卡县| 芜湖市| 榕江县| 西乌珠穆沁旗| 盘锦市| 阳春市| 育儿| 福州市| 英山县| 广水市|