5 注冊頁面前端制作

項目1會員管理系統(tǒng)任務2注冊頁面前端制作成都職業(yè)技術學院軟件學院主講教師：牟奇春創(chuàng)建會員注冊頁面singup.php在index.php文件上點擊鼠標右鍵，然后選擇copy，然后在member目錄上點擊鼠標右鍵，選擇paste，在彈出的窗口中輸入新的文件名：singup，點擊確認即生成singup.php文件。復制文件的目的，是因為首頁中創(chuàng)建的這個導航鏈接，我們在注冊頁面中也需要。復制好文件后，我們需要把導航欄中的當前欄目修改一下，將“首頁”鏈接上的current樣式刪除，然后在“會員注冊”鏈接上添加current的樣式。創(chuàng)建會員注冊頁面singup.php接下來，在頁面中創(chuàng)建一個注冊表單，代碼如右所示。在注冊頁面中，我們設計了用戶名（文本框）、密碼（文本框）、重復密碼（文本框）、信箱（文本框）、性別（單選按鈕）、愛好（多選按鈕）共6個控件。大家在做的時候，也可以自己再設置一些其他類型的控件。創(chuàng)建會員注冊頁面singup.php需要注意的是，在制作表單時，需要添加在form標簽中設置action屬性，表示點擊“提交”按鈕后，將各項數(shù)據(jù)發(fā)送至哪個網(wǎng)頁文件進行處理。我們這里設置的是postReg.php，表示點擊“提交”按鈕后，會將用戶填寫的各項數(shù)據(jù)提交至此文件進行下一步的處理。method屬性指定了提交文件的方法，可以設置get和post兩種方式。下面簡單說一下get和post的區(qū)別。創(chuàng)建會員注冊頁面singup.phpGET提交的數(shù)據(jù)會放在URL之后，以？分割URL和傳輸數(shù)據(jù)，參數(shù)之間用&相連，如EditPosts.php?name=boKeYuan&id=123456；POST方法是把提交的數(shù)據(jù)放在HTTP包的Body中。GET提交的數(shù)據(jù)大小有限制（注意：HttpGet方法提交的數(shù)據(jù)大小長度并沒有限制，HTTP協(xié)議規(guī)范沒有對URL長度進行限制，這個限制是特定的瀏覽器及服務器對它的限制）；POST方法提交的數(shù)據(jù)沒有限制。創(chuàng)建會員注冊頁面singup.php對參數(shù)的數(shù)據(jù)類型，GET只接受ASCII字符；而POST沒有限制。GET請求參數(shù)會被完整保留在瀏覽器歷史記錄里；而POST中的參數(shù)不會被保留。GET比POST更不安全，因為參數(shù)直接暴露在URL上，所以不能用來傳遞敏感信息。創(chuàng)建會員注冊頁面singup.php對于表單中的控件而言，每一個控件需要設置一個name屬性，這個屬性在用于后端文件讀取其數(shù)據(jù)。其中每一組單選按鈕和每一組多選按鈕，其name屬性應該保持一致。對于單選、多選、下拉等不能由用戶手動輸入結(jié)果的控件，還需要設置value屬性，這個屬性的值就是后端文件最終讀取到的值。特別注意，由于多選按鈕可以選多個值，因此，其name屬性要在正常的名字后面添加一對中括號，表示其類型是一個數(shù)組，這樣才能讀取到多個選項的值。預覽注冊表單打開瀏覽器預覽一下效果總結(jié)本次課程，我們完成了會員注冊頁面前端表單的制作。這些內(nèi)容應