zoukankan      html  css  js  c++  java
  • 前端中关于HTML标签的属性for的理解

    First:<label>的说明:
    1、<label>标签为input元素定义标注(标识)
    2、label元素不会像用户呈现任何特殊的效果,仅作为显示
    扩展:不过,它为鼠标用户改进了可用性。如果您在label元素内点击文本,就会触发此控件。就是说,当用户选择该标签是,浏
       览器就会自动将焦点转到和标签相关的表单控件上
    前提:label标签的for属性值应当与相关元素的id属性值相同Second:<label>属性的详细说明: 
    3、for属性  
    规定与那个表单元素绑定  
    作用是:在点击label是会自动将焦点移动到绑定的元素上 
    例如:  

    <label><input type="radio" value="boy" name="sex" id="_boy">boy</label>  
    <label><input type="radio" value="girl" name="sex">girl</label>
    <label for="username">用户名:</label><input type="text" name="username" id="username">

    说明:特别是使用CheckBox,如果没绑定的话需要鼠标点击小方框,才可以选中或不选,绑定以后label就可以改变CheckBox的值,radio的值,以及让焦点聚集到文本输入框中      
      4、form属性(HTML5新增)
      规定label字段所属一个或多个表单(位于表单之外的标签)
      form的属性值必须是其所属表单的id值
      如使用一个以上的引用,请使用空格分隔的列表

  • 相关阅读:
    《Centos服务器版安装教程》
    从CentOS官网下载系统镜像详细教程
    一键LNMP文件
    Centos 7 ip地址
    cmd常用命令
    bat命令
    JAVA学习资源整理
    DevOps 高效 shell 命令
    编程范式:命令式编程(Imperative)、声明式编程(Declarative)和函数式编程(Functional)
    Java 中的函数式编程(Functional Programming):Lambda 初识
  • 原文地址:https://www.cnblogs.com/yuer20180726/p/11257312.html
Copyright © 2011-2022 走看看