label标签

label标签干啥的?

为input元素绑定标记。

举个例子

首先创建两个input元素

    <input type="radio" name="sex" id="male">
    <input type="radio" name="sex" id="female"

结果如图

image.png

发现没有,缺标记文字啊

    <label for="male">Male</label>
    <input type="radio" name="sex" id="male">
    <!--for is used for making mark for input element -->
    <br>
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female">

结果

image.png

注意,label的for属性的值必须和input的id属性值一样。for在这里大概是为了谁的意思。

当然,这个type也可以是其他类型,比如
password。如图

image.png

这个label属性是很有用的,不然的话大概你会用div去给input元素写名字。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。