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

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

相关推荐
用户61581396951611 分钟前
Elpis: 基于vue3+webpack5+nodejs搭建一个完整项目
前端
成长的小牛23314 分钟前
MCP 学习笔记
笔记·学习·ai
90后的晨仔16 分钟前
S C:\WINDOWS\system32> pnpm i -g openclaw@latest pnpm : 无法加载文件 C:\xx\A
前端
深蓝轨迹19 分钟前
SpringBoot YAML配置文件全解析:语法+读取+高级用法
java·spring boot·后端·学习
深蓝轨迹31 分钟前
乐观锁 vs 悲观锁 含面试模板
java·spring boot·笔记·后端·学习·mysql·面试
ADHD多动联盟33 分钟前
如何通过运动干预方案提升孩子的社交技能与学习能力?
学习·学习方法·玩游戏
somi741 分钟前
51单片机-01-基础概念
单片机·嵌入式硬件·学习·51单片机
蜡台41 分钟前
Node 版本管理器NVM 安装配置和使用
前端·javascript·vue.js·node·nvm
狂奔蜗牛飙车44 分钟前
Day3:HTML5 基础标签:h1-h6、p、hr、br、a、img
前端·html·html5·html常用标签的使用方法
晓晓hh1 小时前
JavaSe学习——基础
java·开发语言·学习