HTML--注册页面案例
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="utf-8">
?? ??? ?<title></title>
?? ?</head>
?? ?<body>
?? ??? ?<!--表里標簽：action:提交的地址
?? ??? ??? ?method： get 方式 會將參數拼接在鏈接后面 有大小限制 4k
?? ??? ??? ?post 方式 會將參數封裝在請求體中 無大小限制
?? ??? ?-->
?? ??? ?<form action="index.html">
?? ??? ??? ?
?? ??? ??? ?<!--
? ? ? ? ? ? ?? ?隱藏域：存放頁面ID
? ? ? ? ? ? -->
?? ??? ??? ?<input type="hidden" value="krhivuhdfv"/>
?? ??? ??? ?
?? ??? ?<!--文本輸入框-->
?? ??? ?<!--
? ? ? ? ?? ?input:
? ? ? ? ?? ?text: 文本
? ? ? ? ?? ?password：密碼框
? ? ? ? ?? ?radio：單選按鈕
? ? ? ? ?? ?CheckBox：復選框
? ? ? ? ?? ?file：上傳文件
? ? ? ? ?? ?submit：提交按鈕
? ? ? ? ?? ?button：普通按鈕
? ? ? ? ?? ?reset：重置按鈕
? ? ? ? ?? ?hidden：隱藏域
? ? ? ? ?? ?date：日期類型
? ? ? ? ?? ?tel：手機號類型
? ? ? ? ?? ?number：只允許輸入數字
? ? ? ? ?? ?type:指定輸入項的類型
? ? ? ? ?? ?name：在表單提交的時候，當作參數的名稱
? ? ? ? ?? ?id：給輸入項取一個名字，以便于后期找到它，并操作它
? ? ? ? ?? ?placeholder：默認的提示信息
? ? ? ? ?? ?textare：文本域，可輸入一段文本
? ? ? ? ?? ?cols：指定寬度
? ? ? ? ?? ?rows：指定高度
? ? ? ? ?? ?select：下拉列表
? ? ? ? -->
?? ??? ?用戶名: <input type="text" name="username"/> <br />
?? ??? ?密碼: <input type="password" /> <br />
?? ??? ?確認密碼: <input type="password" /><br />
?? ??? ?郵箱:<input type="text" /> <br />
?? ??? ?籍貫：<select>
?? ??? ??? ?<option>請選擇 </option>
?? ??? ??? ?<option>陜西 </option>
?? ??? ??? ?<option>河南 </option>
?? ??? ??? ?<option>江蘇 </option>
?? ??? ??? ?<option>黑龍江 </option>
?? ??? ??? ?<option>遼寧 </option>
?? ??? ??? ?<option>內蒙古 </option>
?? ??? ??? ?<option>山東 </option>
?? ??? ??? ?<option>廣東 </option>
?? ??? ?</select><br />
?? ??? ?出生日期:<input type="date" /><br />
?? ??? ?手機號碼: <input type="tel" /> <br />
?? ??? ?靚照:<input type="file" /> <br />
?? ??? ?性別:<input type="radio" name="sex" />男
?? ??? ?<input type="radio" name="sex"/>女
?? ??? ?<input type="radio" name="sex"/>妖 <br />
?? ??? ?愛好:<input type="checkbox"/> 吃
?? ??? ?<input type="checkbox"/>喝
?? ??? ?<input type="checkbox"/>嫖
?? ??? ?<input type="checkbox"/>賭
?? ??? ?<input type="checkbox"/>抽煙
?? ??? ?<input type="checkbox"/>喝酒
?? ??? ?<input type="checkbox"/>燙頭<br />
?? ??? ?擇偶要求:<textarea cols="40" rows="8">
?? ??? ??? ?
?? ??? ?</textarea><br /><br />
?? ??? ? <input type="submit" value="注冊"/>
?? ??? ? <input type="button" value="普通按鈕"/>
?? ??? ? <input type="reset" value="重置"/>
?? ??? ? </form>
?? ?</body>
</html>
總結
以上是生活随笔為你收集整理的HTML--注册页面案例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： RequestMapping注解的继承问
- 下一篇： HTML--标签