*******W3C HTML5標(biāo)準(zhǔn)中讳侨,規(guī)定對于布爾類型的屬性,屬性值可以省略******
隱藏域,只讀甚侣,禁用
只讀文本框
在input里寫readonly 設(shè)置好value值就好了
禁用
在要禁用的標(biāo)簽里寫上disabled
隱藏域
在標(biāo)簽后面寫上hidden 就隱藏了
表單的標(biāo)注
增強(qiáng)鼠標(biāo)的可用性
自動將焦點(diǎn)轉(zhuǎn)移到與該標(biāo)注相關(guān)的表單元素上
<form action="" method="get">
????<p>用戶名:<input name="name" type="text" value="張三" readonly></p>
????<p><label for="pwdId">密碼:</label><input id="pwdId" name="pwd" type="password"></p>
????<p><input? name="userId" type="hidden" value="666"></p>
????<p><input type="submit" disabled></p>
????<p>
????????<label for="mId">男</label><input id="mId" type="radio" name="gender" value="man">
????????<label for="wId">女</label><input id="wId" type="radio" name="gender" value="woman">
????</p>
</form>
層次選擇器
后代選擇器 E F E下面的所有F都會變
子選擇器 E>F E子元素的F都會變
相鄰兄弟選擇器 E+F E的相鄰的F才會變
通用兄弟選擇器 E~F 和E一樣的F標(biāo)簽都會變
結(jié)構(gòu)偽類選擇器
E:first-child? ? E的第一個標(biāo)簽改變 父級里第一個子元素還要是E元素?
E:last-child? ? E的最后一個標(biāo)簽改變
E F:nth-child(n) even是偶數(shù) odd是奇數(shù)? E下面的第幾個F改變
E:first-of-type? ? 選擇父級內(nèi)第一個類型為E的標(biāo)簽?
E:last-of-type? ? 選擇父級內(nèi)最后一個類型為E的標(biāo)簽
????使用E F:nth-child(n)和E F:nth-of-type(n)的關(guān)鍵點(diǎn)
? ? ????E F:nth-child(n)在父級里從一個元素開始查找,不分類型
? ????? E F:nth-of-type(n)在父級里先看類型慧脱,再看位置
????屬性選擇器
E[attr] 選擇匹配具有屬性attr的E元素
E[attr=val] 選擇匹配具有屬性attr的E元素渺绒,并且屬性值為val(其中val區(qū)分大小寫)
E[attr^=val] 選擇匹配元素E,且E元素定義了屬性attr菱鸥,其屬性值是以val開頭的任意字符串
E[attr$=val] 選擇匹配元素E宗兼,且E元素定義了屬性attr,其屬性值是以val結(jié)尾的任意字符串
E[attr*=val] 選擇匹配元素氮采,且E元素定義了屬性attr殷绍,其屬性值包含了"val",換句話說,字符串val與屬性值中的任意位置相匹配
基本選擇器
? ? 標(biāo)簽選擇器
? ? 類選擇器
? ? ID選擇器
高級選擇器
? ? 層次選擇器
? ? 結(jié)構(gòu)偽類選擇器
? ? 屬性選擇器