整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML <label> 標簽

          帶有兩個輸入字段和相關(guān)標記的簡單 HTML 表單:

          <form action="demo_form.asp">

          <label for="male">Male</label>

          <input type="radio" name="sex" id="male" value="male"><br>

          <label for="female">Female</label>

          <input type="radio" name="sex" id="female" value="female"><br>

          <input type="submit" value="提交">

          </form>


          瀏覽器支持

          目前大多數(shù)瀏覽器支持 <label> 標簽。


          標簽定義及使用說明

          <label> 標簽為 input 元素定義標注(標記)。

          label 元素不會向用戶呈現(xiàn)任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內(nèi)點擊文本,就會觸發(fā)此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉(zhuǎn)到和標簽相關(guān)的表單控件上。

          <label> 標簽的 for 屬性應當與相關(guān)元素的 id 屬性相同。


          提示和注釋

          提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關(guān)元素的 id 屬性的值。


          HTML 4.01 與 HTML5之間的差異

          "form" 屬性是 HTML5 的新屬性。


          屬性

          New:HTML5 新屬性。

          屬性描述
          forelement_id規(guī)定 label 與哪個表單元素綁定。
          formNewform_id規(guī)定 label 字段所屬的一個或多個表單。

          全局屬性

          <label> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。


          事件屬性

          <label> 標簽支持所有 HTML事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          列表是一個接一個顯示條目的首選方式,而不是使用<br>標記。完整的列表定義包括開始和結(jié)束標記,以及表示列表中每個條目的標記。

          有三種類型的列表:有序列表、無序列表和定義列表。

          無序列表

          無序列表是一個帶條目符號的列表,類似于菜單。

          無序列表 - <ul> ... </ul>

          ul標記定義無序列表的開始和結(jié)束,列表項包含在ul標記中。

          無序列表項 - <li> ... </li>

          li標記添加每個條目的文本,每個列表項必須有自己的li標記。

          符號類型 <ul type="disc | circle | square">

          默認情況下,瀏覽器將顯示圓形條目符號。這可以通過使用ul標記的type屬性來更改,這將更改整個列表的條目符號類型。

          條目符號類型 <li type="?">

          通過設置li標記的type屬性,可以為列表中的某個條目設置不同的符號類型。

          例子

          以下是無序列表的示例:

          瀏覽器顯示內(nèi)容如下所示:

          lt;hr>:畫一條直線

          1.<h1></h1>~<h6></h6>

          2.<meta>標簽

          (1)描述文檔類型和字符編碼

          (2)提供搜索關(guān)鍵字和內(nèi)容描述信息,方便搜索引擎的搜索

          例:<head>

          <meta name= "keywords" content= "淘寶,網(wǎng)上購物,在線交易,交易市場" />

          <meta name= "description" content= "淘寶網(wǎng)-亞洲最大、最安全的網(wǎng)上交易

          平臺,提供各類服飾、美容、家居、數(shù)碼、……" />

          </head>

          3.HTML標簽分類(方便后續(xù)的布局設計):

          塊級標簽:顯示為“塊”狀,前后隔一行

          行級標簽:按行逐一顯示

          分類好處:方便后續(xù)的布局設計

          4.有序列表標簽:ol li

          5.無序列表標簽:ul li

          6.定義描述標簽:dt是塊狀標簽,所以常用于圖文混編的布局場合

          <dl>

          <dt>標題</dt>

          <dd>描述1</dd>

          ……

          </dl>

          7.表單form,一般和table一起使用:

          <form>

          <table>

          <tr>

          <td>...</td>

          <td>...</td>

          </tr>

          .....

          </table>

          </form>

          8.請說出實際開發(fā)常用的4種塊狀結(jié)構(gòu)是什么?

          (1).div-ui(ol)-li:常用于分類導航欄或者菜單等

          (2).div-dl-dt-dd:常用于圖文混編場合

          (3).table-tr-td:常用于圖文布局或顯示數(shù)據(jù)

          (4).form-table-tr-td:常用于布局表單,登錄,注冊……

          9.圖像標簽:

          <img src="圖片地址" alt="提示文字" title="提示文字"/>

          alt:當圖片刷新不出來顯示這個文字

          title:鼠標放在圖片上顯示的文字

          10.鏈接標簽

          <a herf="鏈接地址">登錄</a>

          11.特殊符號:

          空格:

          大于:>1、因為<、>等符號在HTML中已使用,所以必須用其他符號來代替,都以分號結(jié)束(;)

          小于:<

          引號:&quot

          版本號:?

          12.各種功能表單元素

          會持續(xù)更新哦!免費學習資源。


          主站蜘蛛池模板: 国产午夜三级一区二区三| 亚洲AV无码一区二区三区性色| 亚洲日韩精品一区二区三区无码| 无码日韩精品一区二区三区免费| 日韩在线视频不卡一区二区三区 | 精品无码av一区二区三区| 成人在线视频一区| 日韩一区二区三区免费体验| 亚洲一区二区三区深夜天堂 | 在线一区二区三区| 无码日韩精品一区二区三区免费| 中文字幕一区在线观看| 久久久久人妻精品一区三寸蜜桃| 日本精品一区二区久久久| 国产一区二区三区播放| 国产在线视频一区二区三区| 国产午夜精品一区二区三区极品| 无码人妻精品一区二区蜜桃| 日韩一区二区三区四区不卡| 竹菊影视欧美日韩一区二区三区四区五区| 国产精品va无码一区二区| 久久青草国产精品一区| 成人影片一区免费观看| 精品久久一区二区三区| 国产精品日本一区二区在线播放| 久久亚洲AV午夜福利精品一区| 午夜精品一区二区三区免费视频| 精品无码一区二区三区爱欲九九| 精品无码一区二区三区在线 | 免费一区二区三区| 亚洲Av无码一区二区二三区| 无码中文人妻在线一区二区三区| 亚洲综合色一区二区三区| 日韩精品免费一区二区三区 | 国产一区二区精品尤物| 国产AV午夜精品一区二区入口| 无码囯产精品一区二区免费 | 日韩制服国产精品一区| 无码囯产精品一区二区免费 | 激情内射亚州一区二区三区爱妻| 少妇无码AV无码一区|