前端学习之HTML的label标签

label标签

labeI标签为input标签定义元素作用

绑定一个表单元素,被绑定的表单元素会获得输入焦点

for属性规定label与哪个表单元素绑定,绑定的是id

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>label标签</title>
</head>
<body>
    <form action="https://www.baidu.com">
        对比:<input type="text">
        <label >账户名:<input type="text"></label>
        <label >密码:<input type="text"></label>
        <label >昵称:<input type="text"></label>
        <!-- 使用for属性锁定id可以达成包裹的效果 -->
        <label for="123">账户名1:</label>
        <input type="text" id="123">
    </form>
    
</body>
</html>

不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚

相关推荐
徐小夕12 小时前
我用 AI 撸了个开源"万能预览器":浏览器直接打开 Office、CAD 和 3D 模型
前端·vue.js·github
小码哥_常13 小时前
Flutter Android 延迟加载代码指南:提升应用性能的关键
前端
yangyanping2010813 小时前
Go语言学习之对象关系映射GORM
jvm·学习·golang
这是个栗子13 小时前
TypeScript(三)
前端·javascript·typescript·react
网络工程小王13 小时前
【Transformer架构详解】(学习笔记)
笔记·学习
kvo7f2JTy13 小时前
基于机器学习算法的web入侵检测系统设计与实现
前端·算法·机器学习
北风toto13 小时前
前端CSS样式详细笔记
前端·css·笔记
nanfeiyan13 小时前
git commit
前端
倒酒小生15 小时前
今日算法学习小结
学习
醇氧15 小时前
【学习】【说人话版】子网划分
学习