《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第三章-HTML5表單-實(shí)踐學(xué)習(xí)資料_第1頁(yè)
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第三章-HTML5表單-實(shí)踐學(xué)習(xí)資料_第2頁(yè)
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第三章-HTML5表單-實(shí)踐學(xué)習(xí)資料_第3頁(yè)
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第三章-HTML5表單-實(shí)踐學(xué)習(xí)資料_第4頁(yè)
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第三章-HTML5表單-實(shí)踐學(xué)習(xí)資料_第5頁(yè)
已閱讀5頁(yè),還剩4頁(yè)未讀 繼續(xù)免費(fèi)閱讀

付費(fèi)下載

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第三章HTML5表單實(shí)踐目標(biāo)制作網(wǎng)站留言表單頁(yè)面制作門店管理系統(tǒng)的添加新員工頁(yè)面任務(wù)一:制作網(wǎng)頁(yè)留言表單制作網(wǎng)站的聯(lián)系我們頁(yè)面使用HTML5制作“聯(lián)系我們”網(wǎng)頁(yè)表單頁(yè)面需要包含表格標(biāo)題、表格標(biāo)簽、表格輸入、表單提示以及提交按鈕。使用form標(biāo)簽、表單控件、表單驗(yàn)證等技術(shù)實(shí)現(xiàn)。為了體現(xiàn)真實(shí)顯示的外觀效果,需要引用已經(jīng)編寫(xiě)的CSS3文件創(chuàng)建HTML5頁(yè)面,修改頁(yè)面標(biāo)題使用form標(biāo)簽在頁(yè)面中創(chuàng)建表單使用input標(biāo)簽創(chuàng)建姓名等輸入框,使用placeholder屬性為每個(gè)輸入框顯示提示文本。使用textarea標(biāo)簽創(chuàng)建留言的多行文本框編寫(xiě)HTML5表單驗(yàn)證引用表單的CSS制作網(wǎng)頁(yè)留言表單制作網(wǎng)頁(yè)登錄表單使用HTML5的form標(biāo)簽、表單控件、表單驗(yàn)證屬性制作網(wǎng)頁(yè)登錄表單。表單包含標(biāo)題、賬號(hào)、密碼、提交按鈕和重置按鈕。任務(wù)二:制作門店系統(tǒng)的添加頁(yè)面制作一個(gè)表單,用于輸入新員工的信息。企業(yè)管理系統(tǒng)常常需要使用表單傳遞數(shù)據(jù),本任務(wù)要求實(shí)現(xiàn)門店管理系統(tǒng)的新員工添加頁(yè)面要求包括的表單元素有:?jiǎn)T工姓名、初始密碼(默認(rèn)登錄密碼1234),狀態(tài)(在職或離職)、員工等級(jí)(門店-實(shí)習(xí)生、門店-專一級(jí)、門店-專二級(jí)、門店-專三級(jí))、角色(管理員、店長(zhǎng)、普通員工)、部門(門店部、采購(gòu)部)、性別(男、女),住址、電話、所屬店鋪和郵箱。表單元素的驗(yàn)證要求是:必填項(xiàng)有員工姓名、初始密碼。住址內(nèi)容最大為100個(gè)字符。電話號(hào)碼是7位到12位之間的整數(shù)制作門店系統(tǒng)的添加頁(yè)面創(chuàng)建HTML5頁(yè)面,在頁(yè)面中創(chuàng)建表單。創(chuàng)建表單表頭和輸入框、下拉框、按鈕。編寫(xiě)HTML5表單驗(yàn)證。制作網(wǎng)頁(yè)

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論