版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)
文檔簡介
1、HTML5 input表單驗證第一節(jié)課程回顧HTML5新增了哪些標(biāo)簽？HTML表單一直都是Web的核心技術(shù)之一，有了它我們才能在Web上進行各種各樣的應(yīng)用。 HTML5 Forms新增了許多新控件及其API ，方便我們對表單的驗證；內(nèi)容提要input的新類型input新屬性和函數(shù) HTML5表單驗證 (作業(yè))瀏覽器的支持性課程目標(biāo)能夠用input新增的類型和表單新增的函數(shù)、屬性，進行表單的驗證；input新增的類型input的新增類型url:提交表單時檢測input的value是否是一個url格式email:一個電子郵件地址或電子郵件地址列表date:年-月-日格式的控件time:時:分格式的
2、控件datetime:年-月-日 時:分:秒:秒的小數(shù)格式的控件，有時區(qū)datetime-local:同上，但沒時區(qū)month:年-月格式的控件week:年-周數(shù)格式的控件input新增的類型number:數(shù)字輸入框cel:電話輸入框color:顏色選擇框range:選擇區(qū)域瀏覽器兼容opera對新屬性的支持性最好，ie10以下不支持，其他主流瀏覽器部分支持input的新特性和函數(shù)input新屬性placeholder:占位符，當(dāng)輸入框為空時顯示的文字required:該input是否為必填項list:指定一個datalist，作為下拉提示單pattern:指定一個正則表達(dá)式，用于檢查輸入是否
3、符合正則min/max:input能輸入的最大/最小字節(jié)的長度step:針對input的range類型，每次遞增step的值input的新特性和函數(shù)validity:valueMissing:該控件未填寫typeMismatch：出現(xiàn)類型不匹配patternMismatch：出現(xiàn)格式不匹配toolong：內(nèi)容過長rangeUnderflow：下溢rangeOverflow：益出stepMismatch：步長不匹配customError:出現(xiàn)自定義錯誤valid：沒有其他條件為真checkValidity()：通過驗證返回真，否則返回假setCustomValidity(str):設(shè)置自定義錯誤信息input的新特性和函數(shù)HTML5表單驗證(作業(yè))用上面學(xué)到的input的新屬性實現(xiàn)下面效果總結(jié)課程總結(jié)input的新類型input的新增
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 網(wǎng)店賬戶及電商團隊管理交接服務(wù)合同
- 古建筑結(jié)構(gòu)安全監(jiān)測租賃合同（含現(xiàn)場勘查）
- 電視劇特效化妝假發(fā)租賃及后期制作服務(wù)合同
- 生物制藥核心專利技術(shù)授權(quán)與市場保護合同
- 互聯(lián)網(wǎng)金融服務(wù)合作與技術(shù)秘密保護協(xié)議
- 跨國婚姻忠誠協(xié)議與海外財產(chǎn)轉(zhuǎn)移合同
- 影視特效血液儲存設(shè)備租賃及安全檢測協(xié)議
- DB42-T 2003-2023 東方百合鮮切花設(shè)施生產(chǎn)技術(shù)規(guī)程
- 汽車發(fā)動機構(gòu)造與拆裝 課件 金濤 任務(wù)1-10 汽車發(fā)動機整體機構(gòu)的認(rèn)識-水泵的認(rèn)識與拆裝
- 2023年人教版四年級語文上冊八單元測試卷及答案
- DB45T 2306-2021 百香果無病毒健康種苗栽培技術(shù)規(guī)程
- 電工電子技術(shù)（第3版） 課件 1.7 基爾霍夫定律
- 2024年度食品飲料品牌授權(quán)區(qū)域代理銷售合同書3篇
- 關(guān)于清理35KV高壓架空線路樹障的安全技術(shù)措施
- 人音版音樂七年級上冊《友誼地久天長》課件
- 2025年中考復(fù)習(xí)必背外研版初中英語單詞詞匯（精校打?。?/a>
- 統(tǒng)編版二年級語文下冊第7單元大單元公開課一等獎創(chuàng)新教學(xué)設(shè)計 和配套作業(yè)設(shè)計
- 新能源發(fā)電技術(shù) 課件 第三章-風(fēng)力發(fā)電控制技術(shù)
- 《建筑抗震加固技術(shù)規(guī)程》JGJ116-2009
- 工程項目合作合伙合同
- 2024年上海市中考數(shù)學(xué)試題 （原卷版）
評論
0/150
提交評論