表單-form
1.表單 ?創(chuàng)建一個表單區(qū)域 ?雙標簽 ?塊級
<form ?action="" ? method="" ? target="_blank">
</form>
(1)action ? ? 提交后臺的地址;
(2)method ? 提交信息/數(shù)據(jù)的方式 ? get 、post;
(3) target="_blank" ? ? 這是跳轉(zhuǎn)到新的頁面的設置;
2.表單元數(shù)據(jù) ? input ? 單標簽 ? 行塊級
<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="" 定義默認值|信息;
(7)placeholder="" 定義提示信息;
3.lable ?關(guān)聯(lián)標簽 ? 雙標簽
<label ?for="username"> ?
用戶名:
</label>
<input? id="username"? type="password"? name="username"? placeholder="請輸入您的密碼"/>
for屬性 ? ?通過id名稱進行關(guān)聯(lián)
4.focus ?鼠標點擊輸入框觸發(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)多行文本域? 雙標簽? 行塊級
<textarea ?name="" ?id="" ?cols="30" ?rows="10">
</textarea>
col: ?列數(shù); row:行數(shù);