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

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1.題目設(shè)計登錄和注冊頁。2.目的（1）掌握表單域的引用方法。（2）掌握常用控件的基本方法。（3）掌握事件的處理方法。（4）理解Cookie的原理和應(yīng)用。3.內(nèi)容針對所設(shè)計的系統(tǒng)，設(shè)計登錄和注冊頁。4.要求（1）登錄界面能對輸入的數(shù)據(jù)進行驗證，要求非空，且符合一定的要求。（2）登錄時，用條件判斷輸入的數(shù)據(jù)，模擬登錄判斷。登錄成功后，用Cookie保存登錄狀態(tài)，并進入主頁。（3）主頁含有注銷功能。（4）注冊界面能對數(shù)據(jù)進行驗證。如電子郵件、電話號碼等要符合格式要求。代碼示例<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>個人職業(yè)：</td> <td> <selectname="select"> <optionvalue="學(xué)生">學(xué)生</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">內(nèi)蒙古</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. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論