html之lable
lable這個以前也見過,只是從來沒注意過,今天才發現原來這個東西還是挺好用的,主要就是它的for功能
為空間定義lable。當你按了label中的文字,可以讓文字與控制元件聯絡在一起
<form name="input" action="">
<input type="radio" name="input" id="input1" value="1"><label for="input1">請點我</label >
<input type="radio" name="input" id="input2" value="2"><label for="input2">click me</label >
<br>
<label for="text">請點我</label >
<textarea name="text" id="text" value="text" onfocus="this.select();">
點它就等於點我
</textarea>
</form>
很容易看出lable的作用,即指向for所指向的元素,作用等同於點選for指向的元素
可以簡寫
<label>
<input type="radio" onclick="alert('radio is clicked');">點選了
</label>
相關文章
- tkinter中lable標籤控制元件(二)控制元件
- 前端之HTML前端HTML
- html之iframe,aHTML
- 移動端ios對lable radio的處理iOS
- html之表單HTML
- 前端面試之HTML前端面試HTML
- 面向面試之 HTML 篇面試HTML
- 前端筆記之HTML前端筆記HTML
- HTML之常用標籤HTML
- HTML之框架標籤HTML框架
- HTML之表格標籤HTML
- Python前端之HTMLPython前端HTML
- html之div和spanHTML
- 前端Html5(1)之html語義化前端HTML
- Docker微服務之Html轉Pdf,Html轉ImageDocker微服務HTML
- jQuery之html()的實現jQueryHTML
- HTML5 之全屏方法HTML
- 前端三劍客之HTML前端HTML
- HTML5示例之WebSocketHTMLWeb
- HTML之表單標籤HTML
- HTML之簡單標籤HTML
- HTML標記之a標籤HTML
- HTML之 表單與輸入HTML
- 前端規範之HTML 規範前端HTML
- HTML5系列之canvas用法HTMLCanvas
- HTML5 新特性之 WebsocketHTMLWeb
- 前端學習之HTML-1前端HTML
- HTML標記之Form表單HTMLORM
- DOM擴充套件之HTML5套件HTML
- HTML5 之語義標籤HTML
- HTML標籤之form,input,button,tableHTMLORM
- 學好WEB前端之HTML 規範Web前端HTML
- HTML快速恢復 之 CSS基礎HTMLCSS
- 《HTML5之開發準備》HTML
- HTML5之FileReader的使用HTML
- dojo AMD開發之dojo/_base/htmlHTML
- html5開發之viewport使用HTMLView
- HTML5學習之必記HTML