整合營銷服務商

          電腦端+手機端+微信端=數(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一区二区三区不卡| 国产亚洲福利一区二区免费看| 无码人妻精品一区二区三区99性| 亚洲国产精品一区二区第一页| 久久精品无码一区二区三区日韩 | 一区二区三区日本电影| 国产成人一区二区在线不卡| 国产一区二区三区播放心情潘金莲| 人妻AV中文字幕一区二区三区 | 亚洲日韩国产欧美一区二区三区| 文中字幕一区二区三区视频播放 | 一区二区三区视频观看| 国产一区二区三区在线看片| 福利国产微拍广场一区视频在线| 无码夜色一区二区三区| 成人免费视频一区| 国产中的精品一区的| 视频一区视频二区在线观看| 日本一区二区三区在线网| 亚洲AV无码一区二三区| 国产精品亚洲高清一区二区| 国产午夜精品一区二区三区漫画| 国产AV一区二区三区无码野战| 亚洲一区二区中文| 狠狠综合久久av一区二区 | 精品人妻一区二区三区浪潮在线| 波多野结衣一区二区三区| 国产精品一区二区无线| 亚洲美女高清一区二区三区| 国产精品无码一区二区三级|