JavaScript程序設計基礎教程電子教案 單元8 表單 教案_第1頁
JavaScript程序設計基礎教程電子教案 單元8 表單 教案_第2頁
JavaScript程序設計基礎教程電子教案 單元8 表單 教案_第3頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

PAGE1PAGE單元8表單課程名稱JavaScript程序設計項目名稱表單任務名稱表單課時2項目性質□演示性□驗證性□設計性√綜合性授課班級授課日期授課地點教學目標能力目標：具備進行表單驗證的能力知識目標：掌握處理提交表單、重置表單的方法掌握共有表單字段的屬性和方法素質目標：1.培養學生信息搜集能力2.培養學生團結合作、互幫互助的能力教學內容1.創建一個表單，處理提交表單、重置表單和驗證表單2.學生動手操作3.教師講解本任務涉及的知識點教學重點進行表單驗證教學難點提交表單和驗證表單教學準備1.裝有Chrome瀏覽器或者Firefox瀏覽器，并且安裝有WAMP的電腦2.教學課件PPT3.教材：《JavaScript程序設計基礎教程（微課版）》劉剛人民郵電出版社作業設計使用form表單的elements屬性來遍歷表單中的所有元素教學過程教學內容與過程（教學內容、教學方法、組織形式、教學手段）做好課前“5分鐘”教學管理（多媒體、實訓室），做好上課前的各項準備工作（打開電腦、打開課件、打開軟件、打開U盤中的素材位置、打開授課計劃、教案等），吸引學生注意力。【課前說明】分別從提交表單、重置表單和表單字段等入手，掌握表單基礎知識，進而介紹進行表單驗證的方法，具備使用表單解決問題的能力。【目的】使學生從了解本單元的學習目標、學習重點、考評方式等方面明確學習本單元知識的要求和目標。掌握表單的基本概念，掌握進行表單驗證的方法。一、表單基礎1.提交表單2.重置表單3.表單字段二、通過案例理解如何來驗證表單所提交數據是否合法案例：1.表單提交<formid="test-form"><inputtype="text"name="test"><buttontype="button"onclick="doSubmitForm()">Submit</button></form><script>functiondoSubmitForm(){//可以在此進行表單驗證varform=document.getElementById('test-form');//驗證完畢提交form:form.submit();}</script>2.重置表單<inputtype="reset"value="ResetForm"> //通用重置按鈕<buttontype="reset">ResetForm</button> //自定義重置按鈕同步訓練：用JavaScript實現簡單的注冊模塊表單驗證。通過學習，學生能夠掌握提交表單和驗證表單的方法。本節課主要運用案例教學法，通過實例的方法加強對表單事件的理解，達到能夠獨立熟練運用表單事件解決實際問題的能力。教學評價方式以

溫馨提示

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

評論

0/150

提交評論