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

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

相关推荐
SuperEugene4 分钟前
Vue3 前端配置驱动避坑:配置冗余、渲染性能、扩展性问题解决|配置驱动开发实战篇
前端·javascript·vue.js·驱动开发·前端框架
艾莉丝努力练剑6 分钟前
【Linux加餐】mmap文件映射
linux·运维·服务器·c语言·c++·学习
JianZhen✓7 分钟前
从零到一:基于声网Agora的医疗视频问诊前端实战指南
前端·音视频
GISer_Jing9 分钟前
LangChain浏览器Agent开发全攻略
前端·ai·langchain
叶子野格11 分钟前
《C语言学习:编程例题》8
c语言·开发语言·c++·学习·算法·visual studio
小李子呢021118 分钟前
前端八股---脚手架工具Vue CLI(Webpack) vs Vite
前端·vue.js·webpack
2401_8858850420 分钟前
群发彩信接口怎么开发?企业级彩信发送说明
前端·python
PILIPALAPENG21 分钟前
第2周 Day 5:前端转型AI开发,朋友问我,你到底在折腾啥?
前端·人工智能·python
迷你可可小生21 分钟前
面经学习(二)
学习·算法
Mintopia27 分钟前
前端卡顿的真相:不是你代码慢,是你阻塞了
前端