Form部分(html部分有省略)
昵稱欄
<input name="uname" value="昵稱（例：嗶哩嗶哩）" type="text">
| 屬性 | 描述 |
|---|---|
| name | 定義 input 元素的名稱 |
| value | 規(guī)定 input 元素的值 |
| type | 規(guī)定 input 元素的類型 |
因昵稱可以輸入任意漢字蒂萎，字母，數(shù)字的組合肩狂，所以選text類型最為恰當(dāng)
密碼
<input name="userpwd" placeholder="密碼（6-16個字符組成存捺，區(qū)分大小寫）" type="password">
placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息（hint）。
該提示會在輸入字段為空時顯示阶冈，并會在字段獲得焦點時消失。(HTML5中的屬性)
因是輸入密碼塑径，所以選擇password類型女坑。
地區(qū)選擇
<select name="country_code" id="country_code">
<option value="1" >中國大陸</option>
<option value="2" code="853">澳門特別行政區(qū)</option>
<option value="3" code="886">臺灣地區(qū)</option>
<option value="4" code="1">美國</option>
<option value="5" code="852">香港特別行政區(qū)</option>
...
</select>
| 屬性 | 描述 |
|---|---|
| name | 規(guī)定下拉列表的名稱 |
| value | 定義送往服務(wù)器的選項值 |
select 元素是一種表單控件，可用于在表單中接受用戶輸入晓勇。
option 元素定義下拉列表中的一個選項（一個條目）堂飞。
瀏覽器將 <option> 標(biāo)簽中的內(nèi)容作為 <select> 標(biāo)簽的菜單或是滾動列表中的一個元素顯示。
option 元素位于 select 元素內(nèi)部绑咱。
option只能與select 元素配合使用此標(biāo)簽绰筛，否則這個標(biāo)簽是沒有意義的。
手機(jī)欄
<input name="tel" value="填寫常用手機(jī)號" type="text">
手機(jī)驗證碼
<input name="code" value="手機(jī)驗證碼" type="text">
同意用戶協(xié)議
<label>
<input name="agree" id="agree" value="1" type="checkbox">我已同意
<a target="_blank" href="/register/licence">
《嗶哩嗶哩彈幕網(wǎng)用戶使用 協(xié)議》</a>和
<a target="_blank" >
《嗶哩嗶哩彈幕網(wǎng)賬號中心規(guī)范》</a>
</label>
- <label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）描融。
- label 元素不會向用戶呈現(xiàn)任何特殊效果铝噩。不過，它為鼠標(biāo)用戶改進(jìn)了可用性窿克。如果您在 label 元素內(nèi)點擊文本骏庸，就會觸發(fā)此控件毛甲。就是說，當(dāng)用戶選擇該標(biāo)簽時具被，瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上玻募。
-
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
此處把一個input標(biāo)簽和兩個a標(biāo)簽都包裹在了label標(biāo)簽中一姿，省略了label的for屬性七咧，方便的實現(xiàn)了label與input和a的關(guān)聯(lián)。
checkbox為復(fù)選框類型叮叹，可以實現(xiàn)多個選擇艾栋。當(dāng)有多個checkbox時，可通過相同的name屬性蛉顽，規(guī)定為一組蝗砾。value的值為傳送到服務(wù)器的數(shù)據(jù)。
注冊按鈕
<input value="注冊" type="submit">
submit類型為提交表單携冤。
