美文网首页
Label标签:提升用户体验

Label标签:提升用户体验

作者: 唔空 | 来源:发表于2015-09-14 09:29 被阅读0次

情景引入


情景:鼠标必须点击input输入框,光标才会聚焦在input框,而点击用户名,光标不会聚焦在input框。

期望:鼠标点击用户名光标亦可聚焦在input框

编程实现


 实现一:将inpu标签嵌套在label标签中

实现二:当input标签在label标签外部时,利用label标签的for属性实现

相关文章

  • Label标签:提升用户体验

    情景引入 情景:鼠标必须点击input输入框,光标才会聚焦在input框,而点击用户名,光标不会聚焦在input框...

  • 网页设计建议

    设计原则 以用户使用体验为第一目标 表单设计建议1、使用label标签提升表单可用性2、明确的输入域标识 不能一味...

  • html form表单中的label标签

    label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,...

  • form表单中的label 标签

    label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,...

  • label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,...

  • css样式 内联式 > 嵌入式 > 外部式

    内联式 > 嵌入式 > 外部式 form表单中的label标签label标签不会向用户呈现任何特殊效果,它的作用...

  • HTML/CSS面试题

    HTML+CSS Label的作用是什么?是怎么用的 答案: label标签来定义表单控制间的关系当用户选择该标签...

  • HTML+CSS

    Label的作用是什么?是怎么用的 答案: label标签来定义表单控制间的关系当用户选择该标签时,浏览器会自动将...

  • html的一些标签

    一、label: 定义和用法 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果...

  • HTML 表单之label标签介绍

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

网友评论

      本文标题:Label标签:提升用户体验

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