整合營銷服務商

          電腦端+手機端+微信端=數(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无码一区二区乱孑伦AS| 精品综合一区二区三区| 女女同性一区二区三区四区| 在线视频一区二区三区| 国产成人无码一区二区三区| 国产精品第一区第27页| 日韩A无码AV一区二区三区| 国产怡春院无码一区二区| 亚洲高清日韩精品第一区| 精品国产亚洲一区二区三区| 国产精品被窝福利一区 | 精品人妻中文av一区二区三区 | 无码人妻精品一区二区三区99性 | 国产一区二区三区四| 成人区精品一区二区不卡亚洲| 无码免费一区二区三区免费播放| 免费萌白酱国产一区二区三区 | 亚洲av福利无码无一区二区| 丰满岳妇乱一区二区三区| 精品一区二区三区| 无码人妻一区二区三区一| 91video国产一区| 91福利一区二区| 精品一区二区三区免费毛片爱| 国产精品女同一区二区| 波多野结衣免费一区视频| 丰满人妻一区二区三区免费视频| 久久99国产一区二区三区| 国产伦一区二区三区高清| 国模大尺度视频一区二区| 国产综合无码一区二区三区| 国产精品无圣光一区二区| 日本不卡在线一区二区三区视频|