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

下載本文檔

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

文檔簡(jiǎn)介

1.題目設(shè)計(jì)登錄和注冊(cè)頁(yè)。2.目的（1）掌握表單域的引用方法。（2）掌握常用控件的基本方法。（3）掌握事件的處理方法。（4）理解Cookie的原理和應(yīng)用。3.內(nèi)容針對(duì)所設(shè)計(jì)的系統(tǒng)，設(shè)計(jì)登錄和注冊(cè)頁(yè)。4.要求（1）登錄界面能對(duì)輸入的數(shù)據(jù)進(jìn)行驗(yàn)證，要求非空，且符合一定的要求。（2）登錄時(shí)，用條件判斷輸入的數(shù)據(jù)，模擬登錄判斷。登錄成功后，用Cookie保存登錄狀態(tài)，并進(jìn)入主頁(yè)。（3）主頁(yè)含有注銷功能。（4）注冊(cè)界面能對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證。如電子郵件、電話號(hào)碼等要符合格式要求。代碼示例<html> <head> <title>用戶注冊(cè)</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">注冊(cè)頁(yè)面</td> </tr> <tr> <td>用戶名：</td> <td><inputtype="text"name="userName"/></td> </tr> <tr> <td>密碼</td> <td><inputtype="password"name="password1"/></td> </tr> <tr> <td>確認(rèn)密碼：</td> <td><inputtype="password"name="password2"/></td> </tr> <tr> <td>個(gè)人愛(ài)好：</td> <td> <inputtype="checkbox"name="checkbox1"/>足球 <inputtype="checkbox"name="checkbox2"/>藍(lán)球 <inputtype="checkbox"name="checkbox3"/>排球 </td> </tr> <tr> <td>個(gè)人職業(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">澳門(mén)</option> <optionvalue="30">福建</option> <optionvalue="31">江西</option> <optionvalue="32">湖南</option> <optionvalue="33">湖北</option>

溫馨提示

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

評(píng)論

0/150

提交評(píng)論