二 網站註冊頁面案例及其知識點
阿新 • • 發佈：2018-11-12
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 表單標籤： action：提交的地址 method： get: 預設提交方式,會將引數顯示在連結後面，大小限制為4K post: 連結後面不會顯示資料，沒有大小限制 textarea:文字域 rows 寬 cols 高 select: 下拉列表 option選擇項 input : type:指定輸入項的模型 text : 文字 password：密碼 radio ：單選 checkbox：複選下拉框 file ：檔案 submit ：提交按鈕 value: 按鈕的名稱 reset : 重置按鈕 button : 普通按鈕 hidden ：隱藏域 date ：日期型別 tel : 手機號 number : 只允許輸入數字 placeholder：指定預設提示資訊 name:提交表單的時候，當作引數的名稱 id: 給輸入項取一個名字，以便於後期我們去找到它,操作它--> <!--文字輸入框--> <form action="../網站首頁案例/網站首頁.html" method="get"> <!--隱藏域,主要用來存取一些ID資訊--> <input type="hidden" value="as1234124aksjgfjahsgf" name="uid"/> 使用者名稱： <input type="text" name="username" id="username" placeholder="請輸入使用者名稱"/><br/> 密 碼 ： <input type="password" placeholder="請輸入密碼"/><br/> 確認密碼： <input type="password" placeholder="密碼確認"/><br/> 郵 箱 ： <input type="text"/> <br/> 手機號碼: <input type="number"/><br/> 靚 照： <input type="file"/><br/> 性 別：
<input type="radio" />男<input type="radio" />女<input type="radio" />妖 <br/> 愛 好 :
<input type="checkbox" />抽菸 <input type="checkbox" />喝酒 <input type="checkbox" />燙頭 <input type="checkbox" />擼程式碼 <input type="checkbox" />大寶劍<br/> 擇偶要求：
<textarea rows="4px" cols="40px"></textarea> <br/> 籍 貫：
<select > <option>請選擇----</option> <option>湖南</option> <option>湖北</option> <option>廣東</option> <option>廣西</option> </select> </br> 出生日期：<input type="date"><br /> 驗證碼： <input type="text"></br> 提交： <input type="submit" value="提交"/><br/> 普通按鈕：<input type="button" value="普通按鈕" /><br/> 重置按鈕：<input type="reset" value="重置按鈕" /> </form> </body> </html>