from表單相關(guān)問題

有序列表勺三、無序列表、自定義列表如何使用需曾?寫個簡單的例子檩咱。三者在語義上有什么區(qū)別揭措?在哪些情況下使用哪種(重要)? 如何嵌套刻蚯?

有序列表:

  <ol>
    <li>有序列表一</li>
    <li>有序列表二</li>
    <li>有序列表三</li>
  </ol>

無序列表:

 <ul>
    <li>無序列表一</li>
    <li>無序列表一</li>
    <li>無序列表一</li>
  </ul>

自定義列表

 <dl>
    <dt>1表頭</dt>
    <dd>內(nèi)容</dd>
    <dd>內(nèi)容</dd>
    <dd>內(nèi)容</dd>
    <dt>3表頭</dt>
    <dd>內(nèi)容</dd>
    <dd>內(nèi)容</dd>   
  </dl>

ol一般用在需要按照順序依次排列的列表內(nèi)容中使用绊含,ul則用在不需要區(qū)分前后順序的列表內(nèi)容中使用,dl有一個表頭炊汹,用在需要分類描述的列表內(nèi)容中使用躬充。
嵌套如下:


列表嵌套

如何去除列表前面的點或者數(shù)字?

為子元素設(shè)置list-style:none


class 和 id 有什么區(qū)別讨便?什么時候用 class 什么時候用 id充甚?

  • class在同一個文檔里可以使用相同名字的值,id具有唯一性霸褒,在同一篇文檔里只能存在一個值伴找,所以我們經(jīng)常使用class,很少使用id
  • id優(yōu)先級比class高很多

我們在比較重要具有唯一性的部分或者需要提高優(yōu)先級的元素使用ID選擇器废菱,通常情況下都選用class類選擇器技矮。


塊級元素、行內(nèi)元素是什么殊轴?有什么區(qū)別衰倦?分別對應(yīng)哪些常用標簽?

塊級元素占用空間是一整行旁理,行內(nèi)元素占用空間是它自身的內(nèi)容寬度樊零。行內(nèi)元素可以一并排顯示,塊級元素不能孽文。

  • 塊級元素:div驻襟、p、h1...h6芋哭、table塑悼、tr、ul楷掉、li厢蒜、dl、dt烹植、form
  • 行內(nèi)元素:a斑鸦、span、img草雕、input巷屿、button、em墩虹、textarea

display: block嘱巾、display: inline憨琳、display: inline-block分別有什么作用?

  • display: block是將當(dāng)前元素設(shè)置為塊級元素
  • display:inline是將當(dāng)前元素設(shè)置為行內(nèi)元素
  • display:inline-block是將當(dāng)前元素設(shè)置為行內(nèi)塊級元素,以行內(nèi)元素來顯示同時擁有塊級元素的特性旬昭。



    此代碼代表三個大區(qū)塊篙螟。分別為頭部、主體和腳部问拘。主體又分為兩個小區(qū)塊main和aside


如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)

語義化就是可以讓人直觀的理解文檔標簽的作用和含義遍略,在平時寫代碼的過程中,我們應(yīng)該首先充分理解標簽元素的含義,在正確的地方寫入合適的標簽以及給合適的標簽取合適的語義化的名字骤坐。


form表單有什么作用绪杏?有哪些常用的input 標簽,分別有什么作用纽绍?

from表單用來提交表單數(shù)據(jù)跟后臺服務(wù)器交互蕾久。

  • text:文本輸入框,輸入文本拌夏,比如用戶名僧著。
  • password :密碼輸入框,輸入加密字符辖佣。
  • button:按鈕霹抛,按鈕形狀
  • checkbox :多選圈搓逾,可以用來做愛好選擇卷谈。
  • radio:單選圈,一般用來做性別選擇霞篡。
  • textrera :文本域世蔗,輸入大量多行文字。
  • submit:提交朗兵,提交表格數(shù)據(jù)的按鈕污淋。
  • reset:重置∮嘁矗可以重置表格設(shè)置為默認設(shè)置寸爆。
  • select:多選下拉列表,設(shè)置下拉列表盐欺。

post 和 get 方式的區(qū)別赁豆?

  1. 數(shù)據(jù)提交方式不同,get把提交的數(shù)據(jù)url可以看到冗美,post看不到
  2. get一般用于提交少量數(shù)據(jù)魔种,post用于提交大量數(shù)據(jù)
  3. get最多提交1k數(shù)據(jù),瀏覽器的限制粉洼。post理論上無限制节预,受服務(wù)器限制
  4. get提交的數(shù)據(jù)在瀏覽器歷史記錄中叶摄,安全性不好

在input里,name 有什么作用安拟?

name 屬性為必要屬性蛤吓,用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標識,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)去扣。


<button>提交</button>柱衔、<a class="btn" href="#">提交</a><input type="submit" value="提交"> 三者有什么區(qū)別愉棱?

  • <button>提交</button>做出來為普通按鈕唆铐,需要綁定事件配合JS用。
  • <a class="btn" href="#">提交</a>本義是做出來是超鏈接奔滑,默認沒有邊框只有下劃線艾岂,一般用來鏈接到另一個頁面或者錨點。
  • <input type="submit" value="提交">默認用來提交表單數(shù)據(jù)朋其,也可以綁定事件王浴,綁定的同時也會觸發(fā)提交表單數(shù)據(jù)。

radio 如何 分組?

設(shè)置name值為一樣梅猿,如:

    <input name="sex" type="radio" value="男">男
    <input name="sex" type="radio" value="女">女
    <input name="sex" type="radio" value="中性">中性

placeholder 屬性有什么作用?

在文本框內(nèi)做灰色的簡單提示信息氓辣,在受到焦點時會消失。


type=hidden隱藏域有什么作用? 舉例說明

主要暫存數(shù)據(jù)和安全校驗袱蚓。在頁面中不會呈現(xiàn)但是會隨著提交按鈕把數(shù)據(jù)一起提交到后臺钞啸。
<input name="mimi" type="hidden" value="秘密" >


  • 本博客版權(quán)歸羞澀的澀和饑人谷所有,轉(zhuǎn)載請注明出處
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末喇潘,一起剝皮案震驚了整個濱河市体斩,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌颖低,老刑警劉巖絮吵,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異忱屑,居然都是意外死亡蹬敲,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門莺戒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來伴嗡,“玉大人,你說我怎么就攤上這事脏毯∧志浚” “怎么了?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵食店,是天一觀的道長渣淤。 經(jīng)常有香客問我赏寇,道長,這世上最難降的妖魔是什么价认? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任嗅定,我火速辦了婚禮,結(jié)果婚禮上用踩,老公的妹妹穿的比我還像新娘渠退。我一直安慰自己,他們只是感情好脐彩,可當(dāng)我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布碎乃。 她就那樣靜靜地躺著,像睡著了一般惠奸。 火紅的嫁衣襯著肌膚如雪梅誓。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天佛南,我揣著相機與錄音梗掰,去河邊找鬼。 笑死嗅回,一個胖子當(dāng)著我的面吹牛及穗,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播绵载,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼埂陆,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了尘分?” 一聲冷哼從身側(cè)響起猜惋,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤丸氛,失蹤者是張志新(化名)和其女友劉穎培愁,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缓窜,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡定续,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了禾锤。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片私股。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖恩掷,靈堂內(nèi)的尸體忽然破棺而出倡鲸,到底是詐尸還是另有隱情,我是刑警寧澤黄娘,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布峭状,位于F島的核電站克滴,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏优床。R本人自食惡果不足惜劝赔,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望胆敞。 院中可真熱鬧着帽,春花似錦、人聲如沸移层。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽观话。三九已至歉备,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間匪燕,已是汗流浹背蕾羊。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留帽驯,地道東北人龟再。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像尼变,于是被迫代替她去往敵國和親利凑。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理嫌术,服務(wù)發(fā)現(xiàn)哀澈,斷路器,智...
    卡卡羅2017閱讀 134,656評論 18 139
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案度气? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,751評論 1 92
  • 一割按,有序列表、無序列表磷籍、自定義列表如何使用适荣?寫個簡單的例子。三者在語義上有什么區(qū)別院领?在哪些情況下使用哪種(重要)弛矛?...
    kingBirds閱讀 824評論 0 0
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,553評論 32 459
  • 不想用哪一天專門愛你 因為它就發(fā)生在 每一天睜開眼
    薛子沐閱讀 309評論 0 2