如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

有两种使用方法:

方法1:

1
<label for="userName">用户名:</label><input type="text" id="userName"/> 

方法2:

1
<label>用户名:<input type="text"/></label>

当在单选或多选里使用时,还会出现一种视觉效果,这也是一种友好的方式。

<label><input type="radio" />性别</label>

在HTML里,每一种HTML标签都有自己的意义,在做页面的时候选择适合的标签,少使用DIV,Span这些无语义的标签,只有在无法确定使用什么标签才使用DIV。

HTML中label的两种使用方法相关推荐

  1. python中的pandas的两种基本使用_pandas中join()的两种应用方法

    pandas中join()方法很神奇,join()方法虽然是连接方法,但是因为pandas有两个数据结构,join()方法针对两个数据结构有着不同的连接方法:1.根据指定的分隔符将Series中的各个 ...

  2. jsp页面中include的两种使用方法

    jsp页面中include的两种使用方法 include有两种用法 <%@ include file="文件的绝对路径或者相对路径"%> <jsp:include ...

  3. 水粉中的这两种绘画方法?你经常用哪种?

    水粉有几种绘画方法?薄画法和厚画法的区别在哪里?很多小伙伴在学习美术的时候都会遇到各种问题今天美术集网校带大家了解下水彩的两种绘画方法: 厚画法与薄画法在水粉画写生中常常是结合运用的.我们就水彩中的两 ...

  4. C语言中字符串的两种赋值方法 - 指针赋值和数组赋值

    在C语言中,字符串的赋值主要有两种方法,第一种是通过指针的方式直接赋值,第二种是通过数组直接赋值.当然在C++ 中也是可以的,C++是C的超集嘛,在C++中包含了C的所有功能: 1.指针式赋值. 通过 ...

  5. (最新react-native-0.59.5) 如何将ReactNative项目集成到现有得Android项目中(两种实现方法之一)

    背景:最近在学习React-Native相关的知识,有个需求,如果已经存在一个成熟的Android 或者 IOS项目,如何实现在后续的开发中用RN来实现部分功能.再此我只是讲解一下Android de ...

  6. java代码二进制转为十六进制_Java 中二进制转换成十六进制的两种实现方法

    Java 中二进制转换成十六进制的两种实现方法 每个字节转成16进制,方法1 /** * 每个字节转成16进制,方法1 * * @param result */ private static Stri ...

  7. Json返回时间中出现乱码问题的两种解决方法

    Json返回时间中出现乱码问题的两种解决方法 参考文章: (1)Json返回时间中出现乱码问题的两种解决方法 (2)https://www.cnblogs.com/hanyinglong/archiv ...

  8. HTML5中aside标签的两种使用方法

    aside元素在网站制作中主要有以下两种使用方法 1)被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料.名次解释,等等. <article> ...

  9. MATLAB中代码优化的两种方法

    MATLAB中的代码优化 MATLAB中的代码优化有两种重要的方法:预分配组和向量化循环. 我们举一个简单的例子来看,创建一个MATLAB函数来计算f(x) = sin(x / 100π): func ...

最新文章

  1. jfinal为weebox弹出框传递参数
  2. excel 如何快速实现绝对引用
  3. 调试寄存器 原理与使用:DR0-DR7
  4. socket 与 vfs
  5. 西交利物浦计算机专业分数线,西交利物浦大学2018年各省及各专业录取分数线及最低录投档线【理科 文科】...
  6. 48、多用块枚举,少用for循环
  7. Java EE 7公共草案已发布。 我需要Java EE Light Profile!
  8. Team Foundation Server 2010 安装、部署与配置(六):创建 Team Project .
  9. [学习笔记] vim使用大全 [转]
  10. Linux c/c++开发常用头文件
  11. 在线html解压,javascript实现网页端解压并查看zip文件
  12. 5种高大上的yml文件读取方式,你知道吗?
  13. 摩根大通的企业级区块链解决方案—Quorum
  14. SpringBoot+JWT+Shiro+MybatisPlus后端脚手架
  15. OC Bock的使用
  16. linux java.library.path,设置java.library.path的值(Mac/Linux/Windows)
  17. 方便实用的--股票涨跌停价计算器
  18. 快捷录播服务器怎么显示时间,全场景高清录播服务器 自动高清录播系统 方便携带 搭建快捷...
  19. 基于java的企业人事管理系统设计--软件工程课程设计(含源码与论文设计).rar
  20. 卫浴工厂如何通过电子作业指导书系统实现信息化管理?

热门文章

  1. 【Linux 内核】进程管理 ( 系统调用简介 | 进程相关系统调用源码 )
  2. 【错误记录】Android Studio 编译报错 ( Deprecated Gradle features were used in this build, making it incompat )
  3. 【Linux 内核】编译 Linux 内核 ⑤ ( 查看 .config 编译配置文件 | 正式编译内核 )
  4. 【Git】IntelliJ IDEA 提交代码到 GitCode 远程仓库 ( GitCode 创建远程仓库 | 将本地工程推送到 GitCode 远程仓库 | 验证权限 | 生成个人访问令牌 )
  5. 【RecyclerView】 十三、RecyclerView 数据更新 ( 移动数据 | 数据改变 )
  6. 微信小程序打开PDF
  7. docker第一章--介绍和安装
  8. Bugku——Web——矛盾
  9. 升级python2至python3解决依赖关系
  10. Nginx 实现 IP+项目名 访问