Label的作用以及使用方法

2019年8月31日 230次阅读 来源: 少年版

Label的作用以及使用方法

label标签:当用户挑选该标签时，浏览器会自动将核心转到和标签相干的表单控件上。

《Label的作用以及使用方法》

如上图所示，当点击label标签即男生女生名字时，input框会自动猎取核心，方便了鼠标的操纵

<form>
    <label for="male">男生</label>
    <input type="radio" name="sex" id="male" />
    
    <label for="female">女生</label>
    <input type="radio" name="sex" id="female" />
    
    <label for="name">我的名字</label>
    <input type="text" name="name" id="name" />
</form>

此时要注意label的for属性对应的是input的Id.

HTML5的form怎样封闭自动完成功用？

1.设置Form元素的autocomplete为“off”来封闭自动完成功用,若要开启则设为on

<form name="formOne" autocomplete="off"></form>

2.设置input输入框的autocomplete为“off”来封闭自动完成功用,若要开启则设为on

<input type="password" autocomplete="off" name="password">

趣事

本日听到一段话，它说：
不论活成什么模样，都不要把义务推给他人，统统喜怒哀乐都是自已形成，性命是一种反响。把最好的赋予他人，就会从他人那边取得最好的；协助的人越多，获得也就越多。反之，越是悭吝，就越是一贫如洗。多点澹然，少点虚荣，活得才实在自由。

    原文作者：少年版
    原文地址: https://segmentfault.com/a/1190000018328181
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞