美文网首页
lable标签(理解)/文本域标签

lable标签(理解)/文本域标签

作者: 小小西瓜呀 | 来源:发表于2019-03-02 20:52 被阅读0次

label标签为input元素定义标注(标签)。

作用:用于绑定一个表单元素,当点击lable标签的时候,被绑定的表单元素就会获得输入焦点。

绑定方式一:  用label直接包裹input

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

绑定方式二:当有多个同属性标签的时候,想定位到某个指定的标签,可以通过for    id的方式来实现

<label for="sex">

    <input type="text" />

    <input type="text" id="sex" />

</label>


文本域

<textarea>请输入留言</textarea>

与input标签的区别是textarea可以自动换行,且可显示的文本区域也更大。一般用于留言板或者发帖/发微博等


效果预览

相关文章

  • lable标签(理解)/文本域标签

    label标签为input元素定义标注(标签)。 作用:用于绑定一个表单元素,当点击lable标签的时候,被绑定的...

  • python gui - 003 tkinter label 调

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

  • HTML基础二笔记(二)

    一、表单补充: 1.Lable标签可以让标签文本点击的时候让label指向的标签表单标签获得焦点。 使用for属性...

  • 网页基础——HTML(补充)

    input标签 下拉菜单和多行文本域 空白标签

  • 标签Lable

    直接上图,效果如图1.0 网上找了几个都不是很合适,于是自己硬着头皮写了一个,分享出来,希望可以帮助到同样需求的人...

  • Day4

    组合标签: 标签:和fieldest标签组合起来用就是分组,适合语义化。 Lable标签:fo...

  • HTML和CSS

    表单标签 表单标签(下拉菜单和多行文本域) 空白标签 认识css css选择器 伪类选择器

  • lable标签总结

    之前在学习纯css实现星级评价的功能时曾经用到,但是之后就荒废以至于忘记怎么使用,特此补充,以备后查! label...

  • JS 标签 (lable)

    摘自:网道(WangDoc.com),互联网文档计划——JavaScript 教程 JavaScript 语言允许...

  • 04.标签

    单标签 注释标签:ctrl+/ 换行标签: 水平线标签: 双标签 文本标签: 文本标签: 标题标签 文本格式化标签...

网友评论

      本文标题:lable标签(理解)/文本域标签

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