zoukankan      html  css  js  c++  java
  • 8、html的body内标签之fieldset标签和label标签

    一、label标签

    <label> 标签为 input 元素定义标签(label)。
    label 元素不会向用户呈现任何特殊的样式。不过,它为鼠标用户改善了可用性,因为如果用户点击 label 元素内的文本,则会切换到控件本身。
    <label> 标签的 for 属性应该等于相关元素的 id 元素,以便将它们捆绑起来。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <label for="username">用户名:</label>
        <input id="username" type="text" name="user" />
    </body>
    </html>
    
    
    #for="username":for属性和input标签的id属性关联起来,点击“用户名”三个字,也会切换到输入框里;

    image

    二、fieldset

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
        <fieldset>
            <legend>登录</legend>
            <label for="username">用户名:</label>
            <input id="username" type="text" name="user" />
        </fieldset>
    </body>
    </html>
    
    
    #此标签不知道怎么描述,看图吧

    image

  • 相关阅读:
    卡特兰数
    混合运算改进(代码)
    典型用户和场景
    混合运算
    四则运算
    计算
    感想
    git
    附加导航 affix,side--toolbar(可结合博客园使用~)
    对python-rrdtool模块的浅研究。
  • 原文地址:https://www.cnblogs.com/weiyiming007/p/10772027.html
Copyright © 2011-2022 走看看