美文网首页
label标签

label标签

作者: CJCJCCJ | 来源:发表于2016-11-08 13:29 被阅读95次
<form action="">
    <label for="account">账号:</label><input type="text" id="account"><br>
    <label for="pwd">密码:</label><input type="password" id="pwd"><br>

    <hr>

    <label>
        账号:<input type="text">
    </label><br>

    <hr>

    <label for="def">账号:</label><input type="text" id="abc"><br>
    <label for="abc">密码:</label><input type="password" id="def"><br>
</form>

注意:

<!--1.默认情况下文字和输入框是没有关联关系的, 也就是说点击文字输入框不会聚焦, 如果想点击文字时让对应的输入框聚焦, 那么就需要让文字和输入框进行绑定
2.要想让输入框和文字绑定在一起, 那么我们可以使用Label标签
3.绑定的格式:
3.1将文字利用label标签包裹起来
3.2给输入框添加一个id属性
3.3在label标签中通过for属性和输入框中的id进行绑定即可  
<label for="account">账号:</label><input type="text" id="account">
-->

相关文章

  • HTML 表单之label标签介绍

    转自:HTML 表单之label标签介绍label标签介绍label标签为input元素定义标注(标记),它不会向...

  • label和input绑定

    label标签包裹input标签,点击label时,label两次响应,即label本身触发和input触发后冒泡...

  • Bootstrap组件 - 标签、徽章

    知识点 标签给标签添加class .label、.label-default 可用的变体:.label-defau...

  • 8.3-跳转语句

    一、break语句——终止循环 break \\不带标签 break label \\带标签跳转,label是标签...

  • HTML----第三次笔记

    3.1label标签 label标签用于对input标签定义标注 作用:用于绑定一个表单元素,当点击label时,...

  • 利用纯CSS制作轮播图

    做这种轮播图我们先要理解checked标签,label标签。 label: 标签为 input 元素定义标注(标记...

  • H5表单标签label和下拉表单

    一、label标签 label标签用于绑定一个表单元素,当点击label标签内的文本时,浏览器会自动将焦点(光标)...

  • Grafana 配置变量

    label_values(label) 返回label每个指标中的标签值列表。label_values(metri...

  • python gui - 003 tkinter label 调

    label 是标签控件;可以显示文本和位图 Lable 标签 Label=Tkinter.Lable(maste...

  • 二、标签Label

    标签Label的基本应用 Label()方法可以用于在窗口内建立文字或图像标签。 Label(父对象,option...

网友评论

      本文标题:label标签

      本文链接:https://www.haomeiwen.com/subject/pxmauttx.html