htmllabelfor標簽
⑴ javaScript 的html標簽 lt;label for="">怎麼用
JS中的HTML <label> 標簽
定義和用法
<label> 標簽為 input 元素定義標注(標記)。
label 元素不會向用戶呈現任何特殊效果。不過,它為滑鼠用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控制項。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控制項上。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
實例:
<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標簽中 for屬性只有label能用嗎
是。for 屬性規定 label 與哪個表單元素綁定。
⑶ HTML標簽<label></label>標簽有什麼作用
label標簽主要是方便滑鼠點擊使用,增強用戶操作體驗。
1、新建html文件,在網頁中設置一個性別選項,這時當用戶點擊性別後面的小圓點才能選擇性別,由於小圓點區域比較小,想准確點擊比較麻煩,所有用戶體驗不好:
⑷ js生成標簽label for
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>pro.html</title>
<scripttype="text/javascript"src="../jquery-1.8.0.min.js"></script>
<scripttype="text/javascript">
jQuery(function($)
{
$(':checkbox').each(function(index,eleDom)
{
$(this).after($("<labelfor="+eleDom.name+">"+index+"</label>"));
});
});
</script>
</head>
<body>
<inputid="item0"name="item0"type="checkbox"value="15"/>
<inputid="item1"name="item1"type="checkbox"value="15"/>
<inputid="item2"name="item2"type="checkbox"value="15"/>
</body>
</html>
⑸ HTML代碼中的label標簽的作用是什麼
Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。
FOR屬性
功能:表示標簽要綁定的HTML元素,你點擊這個標簽的時候,所綁定的元素將獲取焦點。
用法:<Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">
ACCESSKEY屬性:
功能:表示訪問Label標簽所綁定的元素的熱鍵,當您按下熱鍵,所綁定的元素將獲取焦點。
用法:<Label FOR="InputBox" ACCESSKEY="N">姓名</Label><input ID="InputBox" type="text">
局限性:accessKey屬性所設置的快捷鍵不能與瀏覽器的快捷鍵沖突,否則將優先激活瀏覽器的快捷鍵。
注釋
要將 LABEL 綁定到其它的控制項,請將 LABEL 元素的 FOR 屬性設置為與該控制項的 ID 相同。將 LABEL 綁定到控制項的 NAME 屬性毫無用處。但是,要提交表單,你必須為 LABEL 元素所綁定到的控制項指定 NAME。
有兩種方法給所指定的快捷鍵添加下劃線。LABEL 元素的 rich text 支持可以在 ACCESSKEY 屬性所指定的快捷鍵字元兩側加上 U 元素。如果你更願意使用樣式表(CSS)來應用樣式,可以將該字元包含在 SPAN 中,並設置樣式為「text-decoration: underline」。
如果用戶單擊 LABEL,則會先觸發 LABEL 上的 onclick 事件,然後觸發由 htmlFor 屬性所指定的控制項上的 onclick 事件。按下 LABEL 設定的快捷鍵將設置焦點但並不觸發 onclick 事件。
標簽不允許嵌套。
此元素在 Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。
此元素是內嵌元素。
此元素需要關閉標簽。
元素示例代碼
下面的例子使用了 LABEL 元素和 ACCESSKEY 屬性設置文本框的焦點。
This example uses the LABEL element and the ACCESSKEY attribute to set focus on a text box.
Html代碼
1.<LABEL FOR="oCtrlID" ACCESSKEY="1">
2.<!--<SPAN style="text-decoration:underline;">1</SPAN>: Press Alt+1 to set focus to textbox-->
3.</LABEL>
4.<INPUT TYPE="text" NAME="TXT1" VALUE="binding sample 1"
5.SIZE="20" TABINDEX="1" ID="oCtrlID">
⑹ html中label是塊級標簽嗎
在頁面布局中,一般會將html元素分為兩種,即塊級元素和內行內元素。label為行內元素,不是塊級元容素。塊級元素默認佔一行高度,一行內有一個塊級元素後一般無法添加其他元素,除非添加了float浮動。兩個塊級元素連續放置時,會在另起一行。塊級元素一般可嵌套塊級元素或行內元素。最直觀的體現如下:
<!DOCTYPEhtml>
<html>
<head>?
<meta?charset="utf-8">?
<title>測試label標簽</title>?
</head>
<body>
<pstyle="border-bottom:1pxsolid#ccc;color:red;padding-bottom:10px;margin-bottom:40px">測試label標簽</p>
<labelfor="male">label標簽</label>
<spanstyle="background-color:#ccc;padding:10px;margin-right:10px">分割</span>
<labelfor="male">label標簽</label>
</body>
</html>
顯示效果:
可見,兩個label並沒有換行顯示。
⑺ html標簽中lable的for屬性有什麼作用
定義和用法
for 屬性規定 label 與哪個表單元素綁定。
隱式和顯式的聯系
標記通常以下面兩種方式中的一種來和表單控制項相聯系:將表單控制項作為標記標簽的內容,這樣的就是隱式形式,或者為 <label> 標簽下的 for 屬性命名一個目標表單 id,這樣就是顯式形式。
例如,在 XHTML 中:
顯式的聯系:
[html]view plain
<labelfor="SSN">SocialSecurityNumber:</label>
<inputtype="text"name="SocSecNum"id="SSn"/>
隱式的聯系:
[html]view plain
1.<label>DateofBirth:<inputtype="text"name="DofB"/></label>
第一個標記是以顯式形式將文本 "Social Security Number:" 和表單的社會安全號碼的文本輸入控制項("SocSecNum") 聯系起來,它的 for 屬性的值和控制項的 id 一樣,都是 SSN。第二個標記 ("Date of Birth:") 不需要 for 屬性,它的相關控制項也不需要id 屬性,它們是通過在 <label> 標簽中放入 <input> 標簽來隱式地連接起來的。
實例
帶有兩個輸入欄位和相關標記的簡單 HTML 表單:
[html]view plain
1.<form>
2.<labelfor="male">Male</label>
3. <inputtype="radio"name="sex"id="male"/>
4.<br/>
5.<labelfor="female">Female</label> 6.<inputtype="radio"name="sex"id="female"/>
7.</form>
⑻ HTML標簽<label></label>標簽有什麼作用
其實主要是
label
中有兩個屬性是非常有用的,一個是for、另外一個就是accesskey了。
for屬性
功能:表示label標簽要綁定的html元素,你點擊這個標簽的時候,所綁定的元素將獲取焦點。
用法:
<label
for="inputbox">姓名</label><input
id="inputbox"
type="text">
accesskey屬性:
功能:表示訪問label標簽所綁定的元素的熱鍵,當您按下熱鍵,所綁定的元素將獲取焦點。
用法:
<label
for="inputbox"
accesskey="n">姓名</label><input
id="inputbox"
type="text">
局限性:accesskey屬性所設置的快捷鍵不能與瀏覽器的快捷鍵沖突,否則將優先激活瀏覽器的快捷鍵。
注意:
要將
label
綁定到其它的控制項,請將
label
元素的
for
屬性設置為與該控制項的
id
相同。將
label
綁定到控制項的
name
屬性毫無用處。但是,要提交表單,你必須為
label
元素所綁定到的控制項指定name。