1. 程式人生 > >Html中label標籤的用處

Html中label標籤的用處

小編在最初學html的時候對<lable for>也是存在疑惑,不知到底有什麼實際的用途。隨著學習深度的增加,慢慢了解其實<lable for>標籤就是為了和表單結合,當點選<label for=“something”>中的something時就會使瀏覽器聚焦控制元件並觸發該控制元件(多用於單選框),下面是一個例子:

<html>
<body>
<p>請點選文字標記之一,就可以觸發相關控制元件:</p>

<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>




</body>
</html>

當滑鼠點選Male或Female時就會觸發該控制元件。

Tip:<lable for="somthing">**</lable>中的somthing要和控制元件中的id相對應,否則無法觸發該控制元件。

另外,單純的<label>**</label>只是起到加粗標籤中間的字型而已。

相關推薦

Htmllabel標籤用處

小編在最初學html的時候對<lable for>也是存在疑惑,不知到底有什麼實際的用途。隨著學習深度的增加,慢慢了解其實<lable for>標籤就是為了和表單結合,當點選<label for=“something”>中的somethi

web前端練習8----htmllabel標籤的使用

label 元素不會向用戶呈現任何特殊效果 label把事件轉移到相關元素上面 for 屬性規定 label 與那個元素繫結繫結事件 1結合上傳檔案的元素使用 <div class="buju1"> <!--label把事

HTMLlabel標籤的用途

最近在設計網頁時,只要一加入表單或表單物件,文字框等等,就會在程式碼中加入一個<label></label>,一直沒明白這個label是做什麼的,今天正好看到了解釋:Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY

htmllabel標籤的使用

在學習中的過程中,碰到label標籤的屬性 在此記錄備忘: <label for="chk">點選此文字</label>  <input type="checkbox" name="c1" id="chk" value="checkbox">

HTMl常用標籤

文字標記語言,即HTML(Hypertext Markup Language),是用於描述網頁文件的一種標記語言。   HTML之所以稱為超文字標記語言,是因為文字中包含了所謂“超級連結”點。所謂超級連結,就是一種URL指標,通過啟用(點選)它,可使瀏覽器方便地獲取新的網頁。這也是HTM

htmla標籤用法

眾所周知,在HTML中我們會經常用到<a></a>這個連結類標籤,接下來我們就來說說這個<a>標籤的用法: 注意:一般情況下a連結的寫法如下:<a  href = ""></a> 此標籤中,href屬性是必須要寫的,其屬性

htmldiv標籤怎麼用?

div現在一般網頁的佈局都是使用的div+css來佈局,div的話,就是通過。 <div> <div><p></p></div> </div> div的巢狀使用來完成整個網頁的佈局,你可以將div理解成一個一個的塊,然後在div塊

htmlinput標籤的tabindex屬性

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

htmla標籤錨點定位雙擊跳轉路徑的問題

###錨點 在製作網頁時,我們常常遇到需要新增側邊導航,通過點選導航讓頁面自動滾動到指定位置,如:電商網站的樓層。這就涉及到<a>標籤的錨點應用,把它稱為“錨點標籤”。 通俗的講,我們想要讓頁面跳轉到的位置,就是錨點。錨點是一種超連結,只不過它是頁面內部的超連結,它指向頁

C#正則表示式提取HTMLIMG標籤的SRC地址

原文:http://blog.csdn.net/smeller/article/details/7108502 一般來說一個 HTML 文件有很多標籤,比如“<html>”、“<body>”、“<table>”等,想把文件中的 img 標籤提取出來並不

HTML5label標籤例項

<!DOCTYPE HTML> <html> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.

關於Oxygen版 Eclipse JSP或html option標籤使用c:if報錯的問題

問題分析: 使用該版本eclipse 編輯jsp或html頁面會出現報錯,如圖所示: 其實這是eclipse的一個bug,只需下載更新外掛修復即可。 解決方案 1.下載bug補丁,補丁地址:https://bugs.eclipse.org/bugs/show_

HTMLimg標籤的src屬性絕對路徑問題解決辦法,完全解決!

需求:有時候自己的專案img的src路徑需要用到本地某資料夾下的圖片,而不是直接使用專案根目錄下的圖片。 場景:eclipse,tomcat,html,img,src,java 注意:不需要尋找tomcat真實路徑下的server.xml去修改,這個地方不需要修改。 解決辦法:1、在ec

HTMLselect標籤單選多選用法詳解

/@param fromObjSelectId 移動item的原select元件id @param toObjectSelectId 移動item將要進入的目標select元件id/ function move1() { var objSelect = doc

htmlform標籤的子標籤的使用

1.文字框 <input type="text"/> 2.密碼框 <input type="password"/> 3.單選按鈕 <input type="radio"

簡單的js限制htmlinput標籤輸入空格

onkeypress 事件會在鍵盤按鍵被按下並釋放一個鍵時發生。 <input type="password" id="password" onKeypress="javascript:if(e

ajax請求二進位制流圖片並渲染到htmlimg標籤

說明 後臺返回圖片二進位制流,需要使用get請求獲取返回結果,並且將返回的二進位制流以圖片形式顯示在頁面img中。 但是日常顯示圖片都諸如這種形式: <img src="圖片路徑、地址" alt="" /> 以上需求不能將後端地址直接

HTML標籤屬性統一設定-如‘新視窗開啟’

在開發過程中,我們往往想在頁面中,給<a>設定一個統一的預設格式,例如我們想讓連結:“在新視窗開啟”,我們就可以使用<base>標籤 在網頁中新增這段程式碼: <head> <base target="_blank"> </head> 

匹配htmla標籤的內容

利用正則表示式來匹配html中a標籤中的內容:      獲取html內容:      $contents = file_get_contents('a.html');     利用正則匹配:      preg_match_all('/<a.*>(.*)<

HTMLmeta標籤的作用與使用

META標籤用來描述一個HTML網頁文件的屬性 META標籤可分為兩大部分:HTTP-EQUIV和NAME變數。 HTTP例項 HTML程式碼例項中有一項內容是 <meta http-eq