1.表單元素:用來聲明表單的范圍,只有此范圍內(nèi)填寫的數(shù)據(jù)才能提交給服務(wù)器嘁酿。
action:用來聲明表單提交的目標(biāo)隙券。
例:<form action="http://www.baidu.com">
2.表單控件:用來讓用戶輸入數(shù)據(jù)。
2.1 input元素
文本框
value:設(shè)置默認(rèn)值
maxlength:設(shè)置最大長度
例:賬號:<input type="text" value="smallnumber" maxlength="10" readonly/>
密碼框
value:設(shè)置默認(rèn)值
maxlength:設(shè)置最大長度
例:密碼:<input type="password"/>
單選框
name:組名闹司,同一組單選才能彼此互斥娱仔。
checked:設(shè)置默認(rèn)選中。
例:性別:<input type="radio" name="sex" checked/>男<input type="radio" name="sex">女
多選框
checked:設(shè)置默認(rèn)選中游桩。
例:<input type="checkbox" checked>美食<input type="checkbox">旅游
隱藏框
例:<input type="hidden" value="message"/>
文件框
例:<input type="file"/>
提交拟枚、重置、普通按鈕
例:<input type="submit" value="注冊"/>
<input type="reset" value="重置"/>
<input type="button" value="試試"/>
2.2 其他元素
label:用來管理表單中的文字众弓,它可以將文字與控件綁定恩溅,從而增加控件的點擊范圍,提高易用性谓娃。
id是元素的唯一標(biāo)識脚乡,任何元素都可以有id。
例:<input type="checkbox" id="c1"><label for="c1">我已閱讀并自愿遵守此協(xié)議<!/label>
下拉選
selected:設(shè)置默認(rèn)選中滨达。
例:城市:<select>
<option>請選擇</option>
<option selected>成都</option>
<option>深圳</option>
</select>
文本域
cols:設(shè)置寬度奶稠。
rows:設(shè)置高度。
例:簡介:<textarea cols="30" rows="6"></textarea>
CSS的三種用法
1.內(nèi)聯(lián)樣式:在元素的style屬性內(nèi)書寫樣式捡遍。
2.內(nèi)部樣式:在style標(biāo)簽內(nèi)書寫樣式锌订。
3.外部樣式:在單獨的css文件內(nèi)書寫樣式。
CSS的規(guī)則特性
1)繼承性:子元素可以繼承父元素的樣式(字體画株,顏色)辆飘。
2)層疊性:給一個元素增加不同的聲明,效果會疊加谓传。
3)優(yōu)先級:給一個元素增加相同的聲明蜈项,效果以后者為準(zhǔn)。也叫就近原則(哪個樣式離元素近就哪個生效)续挟。
選擇器
1)元素選擇器:選擇body紧卒、p、h1等等诗祸。
2)類選擇器:選擇class=某值的所有元素跑芳。
3)ID選擇器:選擇id=某值的唯一元素轴总。
4)選擇器組:可以選中一組選擇器所對應(yīng)目標(biāo)的并集。
5)派生選擇器:選擇某元素的子孫----#p1 b? ? 選擇某元素的兒子-----#p2>b
6)偽類選擇器:選擇某狀態(tài)之下的元素博个。
選擇未訪問過的超鏈接----a:link
選擇已訪問過的超鏈接----a:visited
選擇激活態(tài)(正在點)的按鈕----#b1:active
選擇有焦點的文本框----#t1:focus
選擇懸停態(tài)的圖片----img:hover
邊框問題
效果:
box模型
效果: