1. 程式人生 > >HTML中的標籤用法

HTML中的標籤用法

使用<label>標籤可以把元素與文字結合起來,當點選<label>標籤時會產生相當與點選此元素相同的效果。
label標籤的兩種用法:
第一種是 <label>~</label> 直接包含文字和元素。
<label>性別:<input type="text" name="sex"></label>
第二種是在 <label> 的 for 屬性裡設定元素的id。
<label for="sex">sex:</label>
<input id="sex" type="text" name="sex">
如下例:
<p>請點選Female文字標記之一,就可以觸發相關控制元件,而Male不能:</p>
Male<input type="radio" name="sex" id="male" /><br>
<label for="female">Female</label><input type="radio" name="sex" id="female" /><br>
<label>Another<input type="radio" name="sex" id="another"/></label>

相關推薦

html標籤用法解析及如何設定checkbox複選框的預設選中狀態

本文導語: html中<checkbox>標籤用法解析及如何設定checkbox複選框的預設選中狀態(由www.169it.com蒐集整理)html中複選框Checkbox物件代表一個 HTML 表單中的 一個選擇框。html中複選框Checkbox物件的屬性屬性 描述a...

Vuejs使用scoped style為v-html標籤新增CSS樣式

本文最新版本及更多技術文章請訪問我的個人技術部落格: http://blog.sbot.io 謝謝大家支援! 在Vue元件中,我們可以使用<style scoped>標籤來新增針對該元件的CSS樣式。 <template>

html 標籤的target是做什麼用的

target是開啟連結時用什麼目標開啟,是在新視窗中開啟就用target=_blank,在父視窗中開啟就用target=_parent,在當前視窗中開啟就用target=_self,target=_top表示在頂層視窗中開啟html常用標記<html><head><title>標題<title>

前端---HTMLposition用法

html頁面佈局中佈局方法(position)分為相對佈局(relative)和絕對佈局(absolute) position的五個屬性值: static   inherit fixed relative absolute 我們再以次介紹各個屬性值的作用以及會

【 轉載】HTML 標籤 的含義

<meta name=”robots” content=”“>   <meta name=”robots” content=”noarchive”>   以上的一段程式碼限制了所有的搜尋引擎建立你的網頁快照。如果我們需要僅僅限制一個搜尋引擎建立快照的話,就可以像如下這樣去寫

js統計html標籤出現次數最多的標籤

思路:要統計標籤出現的次數,首先肯定要獲取html中的標籤,然後再統計各個標籤出現的次數。因為不能一下子獲得所有的標籤,所以只能先獲得根元素,然後通過獲取它的子元素來進行統計。 很久沒有用原生js了,所以誤以為childNodes是獲得當前元素的所有子節點,後

html標籤ahref屬性值的兩種特殊情況,空格和井號

<a href =" "></a> 預設開啟的還是當前頁面,會重新整理一下重新開啟,會回到頁面頂部。效果相當於F5後重新載入了頁面。 <a href ="#">&l

vuev-html標籤新增CSS樣式

在Vue元件中,我們可以使用<style scoped>標籤來新增針對該元件的CSS樣式。 <template> <div class="foo"> <div v-html="myHtml"></

Java使用Jsoup解析Html標籤,新增屬性。

設定Html中標籤屬性的值 問題 為java生成的html檔案mate標籤新增屬性charset=”utf-8”。 方法 可以使用屬性設定方法 Element.attr(String key, String value), 和 Elements.at

HTML標籤屬性,1.水平對齊和2.垂直對齊。(表格)

<!--水平對齊--> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格屬性(水平對齊和垂直對齊)

HTML標籤的屬性ID與Name的區別!

ID和Name都可以用來標識一個標記,Javascript分別有兩個方法getElementById和getElementByName來定位Dom節點。     區別如下:    1、我們知道在網頁做Post提交時,是以Form(即表單域)為單位進行提交的,一個Form裡有若干個表單物件(如<input

html用法

一、絕對跳轉    <a href="http://www.baidu.com/">百度</a> 二、相對跳轉有如下方式,需要了解(以下的例子中,分別以你的例子和帶.html尾綴進行演示): 轉載:http://zhidao.baidu.com/qu

HTML標籤的target屬性參考

超級連結a的target屬性已經是不被新規範支援了,其值有四個保留字: 1._blank <a href="document.html" target="_blank">my document</a>

html table標籤 用法

建立表格的四個元素: table、tbody、tr、th、td 1、…:整個表格以標記開始、標記結束。 2、…:當表格內容非常多時,表格會下載一點顯示一點,但如果加上標籤後,這個表格就要等表格內容全部下載完才會顯示。如右側程式碼編輯器中的程式碼。 3、…

htmla標籤用法

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

HTMLselect標籤單選多選用法詳解

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

htmlhead裡的meta標籤用法

meta標籤分兩大部分:HTTP-EQUIV和NAME變數。 ●HTTP-EQUIV類似於HTTP的頭部協議,它迴應給瀏覽器一些有用的資訊,以幫助正確和精確 地顯示網頁內容。常用的HTTP-EQUIV型別有: 1.expires(期限) 說明:可以用於設定網頁的到期時間。一旦網頁過期,必須到伺服器上重新調閱

Html A標籤 href 和 onclick用法、區別、優先級別

http://gocom.primeton.com/blog21307_27051.htm 我以前在寫<A>的href和onclick一直很隨意,後來出過幾次問題,以後才開始重視這個問題: 首先摘錄一篇文件: 在Javascript中void是一個操

h5學習之7(html的高階選擇器的種類和用法,a標籤和img標籤)

一.html中的高階選擇器的種類和用法 1.id選擇器 語法:#id名稱{樣式1;樣式2;} 書寫的位置:head標籤中的style <div id="qq">id選擇器 </

html a 標籤 mailto的用法

使用mailto在網頁中連線Email地址:<a>標籤還有一個作用是可以連結Email地址,使用mailto能讓訪問者便捷向網站管理者傳送電子郵件。我們還可以用mailto做其他事情。詳細圖示如下: 注意:如果mailto後面要有多個引數的話,第一個引數必須以“?”開頭,後面的引數每一