國開電大 JavaScript程序設計 實訓五：設計登錄和注冊頁_第1頁
國開電大 JavaScript程序設計 實訓五：設計登錄和注冊頁_第2頁
國開電大 JavaScript程序設計 實訓五：設計登錄和注冊頁_第3頁
國開電大 JavaScript程序設計 實訓五：設計登錄和注冊頁_第4頁
國開電大 JavaScript程序設計 實訓五：設計登錄和注冊頁_第5頁
已閱讀5頁，還剩1頁未讀， 繼續免費閱讀

下載本文檔

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

文檔簡介

1.題目設計登錄和注冊頁。2.目的（1）掌握表單域的引用方法。（2）掌握常用控件的基本方法。（3）掌握事件的處理方法。（4）理解Cookie的原理和應用。3.內容針對所設計的系統，設計登錄和注冊頁。4.要求（1）登錄界面能對輸入的數據進行驗證，要求非空，且符合一定的要求。（2）登錄時，用條件判斷輸入的數據，模擬登錄判斷。登錄成功后，用Cookie保存登錄狀態，并進入主頁。（3）主頁含有注銷功能。（4）注冊界面能對數據進行驗證。如電子郵件、電話號碼等要符合格式要求。代碼示例<html> <head> <title>用戶注冊</title> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"> </head> <boby> <formaction=""method="post"> <tableborder="1"align="center"> <tr> <tdcolspan="2"align="center">注冊頁面</td> </tr> <tr> <td>用戶名：</td> <td><inputtype="text"name="userName"/></td> </tr> <tr> <td>密碼</td> <td><inputtype="password"name="password1"/></td> </tr> <tr> <td>確認密碼：</td> <td><inputtype="password"name="password2"/></td> </tr> <tr> <td>個人愛好：</td> <td> <inputtype="checkbox"name="checkbox1"/>足球 <inputtype="checkbox"name="checkbox2"/>藍球 <inputtype="checkbox"name="checkbox3"/>排球 </td> </tr> <tr> <td>個人職業：</td> <td> <selectname="select"> <optionvalue="學生">學生</option> <optionvalue="員工">員工</option> <optionvalue="其他">其他</option> </select> </td> </tr> <tr> <td>性別：</td> <td> <inputtype="radio"name="radiobutton"/>男 <inputtype="radio"name="radiobutton"/>女 </td> </tr> <tr> <td>郵箱：</td> <td><inputtype="text"name="email"/></td> </tr> <tr> <td>生日：</td> <td> <selectname="select1"> <optionvalue="1978">1978</option> <optionvalue="1979">1979</option> <optionvalue="1980">1980</option> <optionvalue="1981">1981</option> <optionvalue="1982">1982</option> <optionvalue="1983">1983</option> <optionvalue="1984">1984</option> <optionvalue="1985">1985</option> <optionvalue="1986">1986</option> <optionvalue="1987">1987</option> <optionvalue="1988">1988</option> <optionvalue="1989">1989</option> <optionvalue="1990">1990</option> <optionvalue="1991">1991</option> <optionvalue="1992">1992</option> <optionvalue="1993">1993</option> <optionvalue="1994">1994</option> <optionvalue="1995">1995</option> <optionvalue="1996">1996</option> <optionvalue="1997">1997</option> <optionvalue="1998">1998</option> <optionvalue="1999">1999</option> <optionvalue="2000">2000</option> </select>年 <selectname="select2"> <optionvalue="1">1</option> <optionvalue="2">2</option> <optionvalue="3">3</option> <optionvalue="4">4</option> <optionvalue="5">5</option> <optionvalue="6">6</option> <optionvalue="7">7</option> <optionvalue="8">8</option> <optionvalue="9">9</option> <optionvalue="10">10</option> <optionvalue="11">11</option> <optionvalue="12">12</option> </select>月 <selectname="select3"> <optionvalue="1">1</option> <optionvalue="2">2</option> <optionvalue="3">3</option> <optionvalue="4">4</option> <optionvalue="5">5</option> <optionvalue="6">6</option> <optionvalue="7">7</option> <optionvalue="8">8</option> <optionvalue="9">9</option> <optionvalue="10">10</option> <optionvalue="11">11</option> <optionvalue="12">12</option> <optionvalue="12">13</option> <optionvalue="12">14</option> <optionvalue="12">15</option> <optionvalue="12">16</option> <optionvalue="12">17</option> <optionvalue="12">18</option> <optionvalue="12">19</option> <optionvalue="12">20</option> <optionvalue="12">21</option> <optionvalue="12">22</option> <optionvalue="12">23</option> <optionvalue="12">24</option> <optionvalue="12">25</option> <optionvalue="12">26</option> <optionvalue="12">27</option> <optionvalue="12">28</option> <optionvalue="12">29</option> <optionvalue="12">30</option> <optionvalue="12">31</option> </select>日 </td> </tr> <tr> <td>你所在地：</td> <td> <selectname="select4"> <optionvalue="1"selected>北京</option> <optionvalue="2">天津</option> <optionvalue="3">河北</option> <optionvalue="4">上海</option> <optionvalue="5">河南</option> <optionvalue="6">吉林</option> <optionvalue="7">黑龍江</option> <optionvalue="8">內蒙古</option> <optionvalue="9">山東</option> <optionvalue="10">山西</option> <optionvalue="11">陜西</option> <optionvalue="12">甘肅</option> <optionvalue="13">寧夏</option> <optionvalue="14">青海</option> <optionvalue="15">新疆</option> <optionvalue="16">遼寧</option> <optionvalue="17">江蘇</option> <optionvalue="18">浙江</option> <optionvalue="19">安徽</option> <optionvalue="20">廣東</option> <optionvalue="21">海南</option> <optionvalue="22">廣西</option> <optionvalue="23">云南</option> <optionvalue="24">貴州</option> <optionvalue="25">四川</option> <optionvalue="26">重慶</option> <optionvalue="27">西藏</option> <optionvalue="28">香港</option> <optionvalue="29">澳門</option> <optionvalue="30">福建</option> <optionvalue="31">江西</option> <optionvalue="32">湖南</option> <optionvalue="33">湖北</option>

溫馨提示

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

評論

0/150

提交評論