label 中的for属性有什么用

label for属性for属性其实就是将label和表单控件绑定在一起，最主要的差别就是比如有个输入框，如果我想要选中输入框获得焦点，只有input情况下，我只能选中输入框，但加了label，把label和input绑定在一起后，点击label也可以选中输入框。不加label用户名:<input type="text" name="" id=""><br><labe

大鸡腿123

12918人浏览 · 2020-10-27 08:53:17

大鸡腿123 · 2020-10-27 08:53:17 发布

label for属性

for属性其实就是将label和表单控件绑定在一起，最主要的差别就是
比如有个输入框，如果我想要选中输入框获得焦点，只有input情况下，我只能选中输入框，但加了label，把label和input绑定在一起后，点击label也可以选中输入框。

    不加label用户名:
    <input type="text" name="" id="">
    <br>
    <label for="text">加了label用户名:</label>
    <input type="text" name="" id="text">

在这里插入图片描述

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport