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

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

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