表單高級應(yīng)用

*******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)偽類選擇器


結(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)偽類選擇器

? ? 屬性選擇器

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末鹊漠,一起剝皮案震驚了整個濱河市主到,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌躯概,老刑警劉巖登钥,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異娶靡,居然都是意外死亡牧牢,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進(jìn)店門姿锭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來塔鳍,“玉大人,你說我怎么就攤上這事呻此÷秩遥” “怎么了阶剑?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵表箭,是天一觀的道長。 經(jīng)常有香客問我干奢,道長,這世上最難降的妖魔是什么郑兴? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任犀斋,我火速辦了婚禮,結(jié)果婚禮上情连,老公的妹妹穿的比我還像新娘叽粹。我一直安慰自己,他們只是感情好却舀,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布虫几。 她就那樣靜靜地躺著,像睡著了一般挽拔。 火紅的嫁衣襯著肌膚如雪辆脸。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天螃诅,我揣著相機(jī)與錄音啡氢,去河邊找鬼。 笑死术裸,一個胖子當(dāng)著我的面吹牛倘是,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播袭艺,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼搀崭,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了猾编?” 一聲冷哼從身側(cè)響起瘤睹,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎答倡,沒想到半個月后轰传,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瘪撇,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年获茬,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片设江。...
    茶點(diǎn)故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖攘轩,靈堂內(nèi)的尸體忽然破棺而出叉存,到底是詐尸還是另有隱情,我是刑警寧澤度帮,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布歼捏,位于F島的核電站稿存,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏瞳秽。R本人自食惡果不足惜瓣履,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望练俐。 院中可真熱鬧袖迎,春花似錦、人聲如沸腺晾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽悯蝉。三九已至归形,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鼻由,已是汗流浹背暇榴。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蕉世,地道東北人蔼紧。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像讨彼,于是被迫代替她去往敵國和親歉井。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評論 2 353