表單-form

1.表單 ?創(chuàng)建一個(gè)表單區(qū)域 ?雙標(biāo)簽 ?塊級

<form ?action="" ? method="" ? target="_blank">

</form>

(1)action ? ? 提交后臺的地址;

(2)method ? 提交信息/數(shù)據(jù)的方式 ? get 、post；

(3) target="_blank" ? ? 這是跳轉(zhuǎn)到新的頁面的設(shè)置；

2.表單元數(shù)據(jù) ? input ? 單標(biāo)簽 ? 行塊級

<input ?type="" name="" ?value="" ?placeholder="" />

（1）type="text" 定義文本輸入框;

（2）type="password" 定義密碼輸入框;

（3）type="submit" 定義數(shù)據(jù) 信息提交按鈕;

（4）type="reset" 定義重置信息 數(shù)據(jù)按鈕;

（5）name="" 定義數(shù)據(jù)名稱（字段名稱）;

（6）value="" 定義默認(rèn)值|信息;

（7）placeholder="" 定義提示信息;

3.lable ?關(guān)聯(lián)標(biāo)簽 ? 雙標(biāo)簽

<label ?for="username"> ?

用戶名:

</label>

<input? id="username"? type="password"? name="username"? placeholder="請輸入您的密碼"/>

for屬性 ? ?通過id名稱進(jìn)行關(guān)聯(lián)

4.focus ?鼠標(biāo)點(diǎn)擊輸入框觸發(fā)的狀態(tài)(聚焦)

input : focus{

background-position: 0 ?-50px;

}

5.常用的選框、多行文本域

（1）單選框： radio

<input ?id="man" ?type="radio" ?name="sex" ?value=""/>

（2）多選框? checkbox

<input? id="man"? type="checkbox"? name="sex"? value=""/>

（3）下拉選框

<select ?name="" ?id="">

? ? ? ? <option ?value=""></option>

? ? ? ? ?<option? value=""></option>

? ? ? ? ? ...... ?

</select>

（4）多行文本域? 雙標(biāo)簽? 行塊級

<textarea ?name="" ?id="" ?cols="30" ?rows="10">

</textarea>

col: ?列數(shù)； row：行數(shù)；