定義和用法

<label> 標簽為 input 元素定義標簽（label）。

label 元素不會向用戶呈現任何特殊的樣式。不過，它為鼠標用戶改善了可用性，因為如果用戶點擊 label 元素內的文本，則會切換到控件本身。

<label> 標簽的 for 屬性應該等于相關元素的 id 元素，以便將它們捆綁起來。

1. 在html中，<label>標簽通常和<input>標簽一起使用，<label>標簽為input元素定義標注（標記）

2.? ?格式：?<label for="關聯控件的id" form="所屬表單id列表">文本內容</label>
?

代碼展示：

<!-- 綁定input標簽，for 要與 input 的id 相同 --><label for="abc" style="display: block;background-color: aqua;width: 100px;height: 50px;">上傳文件</label><input type="file" name="" id="abc" style="display: none;"><input type="file" name=""> <!--此為 沒有綁定label標簽的 上傳文件自帶的樣式--><br><input type="checkbox" id="a" value="haha" name="cn">123<!-- 上面為沒有綁定lebal的input，此時只有點擊這個復選框，才能生效 --><input type="checkbox" id="b" value="hehe" name="cm"><!-- 上面這個復選框，因為i綁定了label,所以點擊label，也能對復選框進行選擇 --><label for="b" >456 </label>

label標簽中關于文件上傳的妙用?

在上面的例子中，更改文件上傳的樣式：

<!-- 綁定input標簽，for 要與 input 的id 相同 --><label for="abc" style="display: block;background-color: aqua;width: 100px;height: 50px;">上傳文件</label><input type="file" name="" id="abc" style="display: none;">

此時input file本來的樣式，會被label樣式覆蓋，覆蓋的樣式為，并且同樣具備上傳的功能。

?

?

總結

以上是生活随笔為你收集整理的label标签的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。