Spry驗證表單教案

1、南陽工業(yè)學(xué)校教案授課班級授課時間教材網(wǎng)頁制作基礎(chǔ)教程（Dreamweaver CS3曷艷玲電子工業(yè)出版社教學(xué)項目11.4 Spry驗證表單教學(xué)目標(biāo)掌握Spry驗證表單的使用教學(xué)形式一體化課，在一體化教室內(nèi)教學(xué)方法教學(xué)做一體化教學(xué)、演示教學(xué)法教學(xué)準(zhǔn)備1. 課件2. 體化教室教學(xué)重點Spry驗證表單的使用教學(xué)難點Spry驗證表單的使用教學(xué)過程設(shè)計設(shè)計流程教學(xué)內(nèi)容設(shè)計意圖考勤（2）學(xué)生到課情況情境引入（5）教學(xué)形式：實例演示，激發(fā)興趣通過樣例 產(chǎn)生的效 果圖讓學(xué) 生在視覺、 上得到真 實感受，啟 發(fā)學(xué)生思 考，提高學(xué) 習(xí)興趣。1. 教師展示樣例，顯示效果，讓學(xué)生感魅力。2. 提出問題：效果圖如何產(chǎn)生

2、？學(xué)生思考。3. 教師介紹相關(guān)的概念。11.4.1 Spry驗證文本域2設(shè)置驗證文本域的屬性最小字符數(shù)（或最大字符數(shù)）：在“最小字符數(shù)”或“最大字符數(shù)” 框中輸入一個數(shù)字。新課教學(xué) 最小值（或最大值）：在“屬性”面板中的“最小值”或“最大值” （58 ）框中輸入一個數(shù)字。必需的：在“屬性”面板中，根據(jù)自己的喜好選擇或取消選擇“必 需”選項。強(qiáng)制模式：可以禁止用戶在驗證文本域構(gòu)件中輸入無效字符。11.4 Spry驗證表單11.4.2 Spry驗證文本區(qū)域I. 插入Spry驗證文本區(qū)域構(gòu)件 將光標(biāo)定位在需要插入驗證文本域的位置。 選擇菜單欄“插入”| “Spry” | “Spry驗證文本區(qū)域”，或

3、在“插入”面板的“ Spry”類別中單擊“ Spry驗證文本區(qū)域”按鈕。II. 4 Spry驗證表單1142 Spry 驗證文本區(qū)域2設(shè)置驗證文本區(qū)域構(gòu)件的屬性預(yù)覽狀態(tài)：選擇要查看的狀態(tài)。驗證于：可以設(shè)置驗證發(fā)生的時間，包括站點訪問者在構(gòu)件外部單 擊時、鍵入內(nèi)容時或嘗試提交表單時。最小字符數(shù)（或最大字符數(shù)）：在“屬性”面板中的“最小字符數(shù)” 或“最大字符數(shù)”框中輸入一個數(shù)字。計數(shù)器：可以添加字符計數(shù)器，以便當(dāng)用戶在文本區(qū)域中輸入文本 時知道自己已經(jīng)輸入了多少字符或者還剩多少字符。提示：可以向文本區(qū)域中添加提示，以便讓用戶知道他們應(yīng)當(dāng)在文 本區(qū)域中輸入哪種信息。11.4 Spry驗證表單1143

4、 Spry驗證選擇1. 插入Spry驗證驗證選擇 將光標(biāo)定位在需要插入驗證選擇的位置。 選擇菜單欄“插入” | “ Spry” | “Spry驗證選擇”，或在“插入” 面板的“ Spry”類別中單擊“ Spry驗證選擇”按鈕。 完成“輸入標(biāo)簽輔助功能屬性”對話框，單擊“確定”按鈕。11.4 Spry驗證表單11.4.3 Spry驗證選擇2. 設(shè)置驗證選擇構(gòu)件的屬性預(yù)覽狀態(tài)：選擇要查看的狀態(tài)驗證于：可以設(shè)置驗證發(fā)生的時間，包括站點訪問者在構(gòu)件外部單 擊時、鍵入內(nèi)容時或嘗試提交表單時。不允許：空值：無效值：11.4 Spry驗證表單11.4.4 Spry驗證復(fù)選框1. 插入Spry驗證復(fù)選框 將光

5、標(biāo)定位在需要插入驗證選擇的位置。 選擇菜單欄“插入”| “ Spry” | “Spry驗證復(fù)選框”，或在“插入”面板的“ Spry”類別中單擊“ Spry驗證復(fù)選框”按鈕。 完成“輸入標(biāo)簽輔助功能屬性”對話框，單擊“確定”按鈕。11.4 Spry驗證表單11.4.3 Spry驗證選擇2. 設(shè)置驗證選擇構(gòu)件的屬性必需：指定該驗證復(fù)選框為必選項。強(qiáng)制范圍：默認(rèn)情況下，驗證復(fù)選框構(gòu)件設(shè)置為“必需”。但是，如果在頁面上插入了許多復(fù)選框，則可以指定選擇范圍。最小選擇數(shù)（最大選擇數(shù)）：在選擇“強(qiáng)制范圍”后，則可輸入瀏覽 網(wǎng)頁時可以選擇的復(fù)選框個數(shù)。實施范圍：選擇驗證復(fù)選框構(gòu)件的 狀態(tài)。驗證于：可以設(shè)置驗證發(fā)生的時間，包括站點訪問者在構(gòu)件外部單