前端学习之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>

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

相关推荐
Lsx_1 分钟前
H5 嵌入微信 / 支付宝 / 抖音小程序 WebView:调用原生能力完整方案
前端·微信小程序·webview
南子北游4 分钟前
计算机视觉学习(三)全连接神经网络
神经网络·学习·计算机视觉
Cobyte6 分钟前
大模型 MCP 本质原理:从协议到代码实现
前端·aigc·ai编程
Titan20248 分钟前
C++特殊类设计
c++·学习
再玩一会儿看代码9 分钟前
Token 统计中的“命中缓存”和“未命中缓存”是什么意思?
经验分享·学习·缓存·电脑
cong_9 分钟前
狐蒂云🦊跑路我的摸鱼岛没了!
前端·后端·github
kyriewen1110 分钟前
我开发的 Chrome 扒图浏览器插件又更新了❗
前端·javascript·chrome·科技·ai
Data_Journal14 分钟前
Puppeteer指纹识别指南:循序渐进,简单易学!
服务器·前端·人工智能·物联网·媒体
守护安静星空15 分钟前
交流桩学习-控制导引
学习
晓得迷路了24 分钟前
栗子前端技术周刊第 128 期 - Rolldown 1.0、Vitest、Node.js 26.0.0...
前端·javascript·css