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

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

相关推荐
Code小翊3 分钟前
TypeScript 核心语法速查
前端·javascript·typescript
家里有只小肥猫5 分钟前
uniApp下拉渐变头部 拿来即用
前端·javascript·uni-app
一起养小猫5 分钟前
Flutter for OpenHarmony 实战:科学计算器完整开发指南
android·前端·flutter·游戏·harmonyos
Jinuss5 分钟前
源码分析之React中Scheduler调度器的任务优先级
前端·react.js·前端框架
后来后来啊9 分钟前
2026.2.2 & 2.3学习笔记
数据结构·笔记·学习·算法·leetcode
AI视觉网奇12 分钟前
ue5 绑定 鞋子 blender绑定
笔记·学习·ue5
波波00714 分钟前
每日一题:在 .NET 中遍历集合(如 List<T>、数组、字典)的过程中进行增删改查会不会有影响?可能引发哪些问题?实际开发中应如何避免?
前端·list
好好学习天天向上~~14 分钟前
2_Linux学习总结_基础指令
linux·学习
脑洞代码15 分钟前
协议头部格式详解:IP、TCP、UDP与MAC帧结构
网络·笔记·学习
念念不忘 必有回响24 分钟前
码云流水线前端资源传输至目标服务器
运维·服务器·前端