国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML label標簽是什么意思?HTML label標簽作用和屬性的用法實例

2020-03-24 17:04:54
字體:
來源:轉載
供稿:網友
首頁 > web前端 > html教程 > 正文 HTML label標簽是什么意思?HTML label標簽作用和屬性的用法實例 2018-08-17 13:41:16 1664 第六期線上培訓班
HTML label標簽是什么意思?HTML label標簽作用和屬性你知道哪些?本篇文章為大家講解了HTML label標簽的定義和作用,還有HTML label標簽的兩種屬性詳解(附HTML label標簽for屬性的實例)

HTML label標簽的定義和用法:

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

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

label 標簽的 for 屬性應當與相關元素的 id 屬性相同。

注釋: for 屬性可把 label 綁定到另外一個元素。請把 for 屬性的值設置為相關元素的 id 屬性的值。

HTML label標簽的作用:

就是一個文本提示標簽,不過在label標簽中加入for屬性可以與相應的選項框進行捆綁,也就是說,在這種情況下你點擊這個文本框就會活的點擊選項框的效果。

例子:

 lable 男 /lable  input >

就是鼠標點擊 男 時,自動選擇后邊的文本框進行輸入

HTML label標簽的屬性:

tuyi.png

其實主要是 Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。

HTML label標簽中的FOR屬性:

功能:表示Label標簽要綁定的HTML元素,你點擊這個標簽的時候,所綁定的元素將獲取焦點。

用法: Label FOR= InputBox 姓名 /Label input ID= InputBox type= text

HTML label標簽中的ACCESSKEY屬性:

功能:表示訪問Label標簽所綁定的元素的熱鍵,當您按下熱鍵,所綁定的元素將獲取焦點。

用法: Label FOR= InputBox ACCESSKEY= N 姓名 /Label input ID= InputBox type= text

局限性:accessKey屬性所設置的快捷鍵不能與瀏覽器的快捷鍵沖突,否則將優先激活瀏覽器的快捷鍵。

注意:要將 LABEL 綁定到其它的控件,請將 LABEL 元素的 FOR 屬性設置為與該控件的 ID 相同。將 LABEL 綁定到控件的 NAME 屬性毫無用處。但是,要提交表單,你必須為 LABEL 元素所綁定到的控件指定NAME。

HTML label 標簽的 for 屬性(附例):

這有實例:

帶有兩個輸入字段和相關標記的簡單 HTML 表單:

 form  label for= male Male /label  input type= radio name= sex id= male /  br /  label for= female Female /label  input type= radio name= sex id= female /  /form 

HTML label 標簽的 for 屬性定義和用法:

for 屬性規定 label 與哪個表單元素綁定。

隱式和顯式的聯系

標記通常以下面兩種方式中的一種來和表單控件相聯系:將表單控件作為標記標簽的內容,這樣的就是隱式形式,或者為 label 標簽下的 for 屬性命名一個目標表單 id,這樣就是顯式形式。

例如,在 XHTML 中:

顯式的聯系:

 label for= SSN Social Security Number: /label  input type= text name= SocSecNum id= SSN / 

隱式的聯系:

 label Date of Birth: input type= text name= DofB / /label 

第一個標記是以顯式形式將文本 Social Security Number: 和表單的社會安全號碼的文本輸入控件 ( SocSecNum ) 聯系起來,它的 for 屬性的值和控件的 id 一樣,都是 SSN。第二個標記 ( Date of Birth: ) 不需要 for 屬性,它的相關控件也不需要 id 屬性,它們是通過在 label 標簽中放入 input 標簽來隱式地連接起來的。

瀏覽器支持:

所有主流瀏覽器都支持 for 屬性。

Safari 2 或更早的版本不支持 for 屬性。

HTML label 標簽的 for 屬性語法:

 label for= value 

HTML label 標簽的 for 屬性屬性值:

element_id:label要綁定的元素的id.

【相關推薦】

html textarea是什么意思?如何獲取textarea標簽中的換行符和空格?

HTML5 progress 標簽是什么意思?HTML5 progress 標簽的基本用法詳解

以上就是HTML label標簽是什么意思?HTML label標簽作用和屬性的用法實例的詳細內容,html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乌拉特后旗| 环江| 荔波县| 绵竹市| 盘山县| 澳门| 刚察县| 望奎县| 明溪县| 民乐县| 普宁市| 清徐县| 始兴县| 彝良县| 黄平县| 乌苏市| 巴林右旗| 紫金县| 封丘县| 凌海市| 仙桃市| 嵊泗县| 子洲县| 宾阳县| 鹤庆县| 泰宁县| 潜江市| 蒙山县| 原阳县| 惠安县| 龙江县| 德州市| 汶川县| 长葛市| 万全县| 册亨县| 榆树市| 康平县| 赣榆县| 监利县| 湖南省|