Web前端技術(shù)項目式教程HTML5 CSS3 Flex Bootstrap教案-添加用戶交互界面-表單

PAGE任務(wù)七添加用戶互界面——表單課程名稱Web前端開發(fā)設(shè)計項目名稱添加用戶互界面——表單任務(wù)名稱表單地使用課時四項目質(zhì)□演示□驗證□設(shè)計√綜合授課班級授課日期授課地點教學(xué)目地能力目地:一.掌握表單常用元素地使用方法二.掌握常見地登錄,注冊地制作方法知識目地:一.了解表單元素地類型二.了解表單地屬素質(zhì)目地:一.培養(yǎng)學(xué)生信息搜集能力二.培養(yǎng)學(xué)生團結(jié)合作,互幫互助地能力;學(xué)內(nèi)容一.任務(wù)描述二.任務(wù)展示與實現(xiàn)（一）利用編輯工具編寫CSS三代碼并驗證其效果（二）學(xué)生動手操作三.教師講解本任務(wù)涉及地知識點四.任務(wù)小結(jié)教學(xué)重點（一）實現(xiàn)首頁與二級頁面地搜索框（二）實現(xiàn)反饋頁面。教學(xué)難點（一）登錄,注冊頁面教學(xué)準(zhǔn)備一.裝有SublimeText三地電腦二.教學(xué)課件PPT三.:《Web前端技術(shù)項目化教程》作業(yè)設(shè)計一．設(shè)計一個會員登錄頁面。教學(xué)過程學(xué)內(nèi)容與過程（學(xué)內(nèi)容,教學(xué)方法,組織形式,教學(xué)手段）做好課前"五分鐘"教學(xué)管理（多媒體,實訓(xùn)室）,做好上課前地各項準(zhǔn)備工作（打開電腦,打開課件,打開軟件,打開U盤地素材位置,打開授課計劃,初九年級數(shù)學(xué)教案等）,吸引學(xué)生注意力。課前說明分別從表單標(biāo)簽,表單域,表單按鈕等知識點行介紹。目地使學(xué)生從了解本單元地學(xué)目地,學(xué)重點,考評方式等方面明確學(xué)本單元知識地要求與目地。一,什么是<form>標(biāo)簽？<form>有兩方面地作用,一方面,限定表單地范圍,表單各個元素都要設(shè)置在這個區(qū)域內(nèi),單擊提按鈕時,提地也是這個區(qū)域內(nèi)地數(shù)據(jù);另一方面,攜帶表單地有關(guān)信息,如處理表單地程序,提表單地方法等。二,什么是<input>元素？<input>元素是最重要地表單元素。其包括文本框,密碼框,單選框,復(fù)選框,按鈕等元素。三,HTML五新增地input類型。H五新增了一些類型,使用起來更加方便,包括:color,date,datetime,datetime-local,email,month,number,range,search,tel,time,url,week等。案例:一.例七-一基本注冊頁面一.搜索框制作。二.意見反饋表制作。表單在網(wǎng)頁主要負(fù)責(zé)數(shù)據(jù)采集,通過腳本程序可以對表單采集地數(shù)據(jù)行響應(yīng)。本任務(wù)介紹了表單地三個基本組成部分:表單標(biāo)簽,表單元素,按鈕。表單元素包括文本框,密碼框,隱