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

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

相关推荐
HWL5679几秒前
Vue Router中,传递参数的几种方式
前端·javascript·vue.js
米高梅狮子5 分钟前
项目实战: LAMP-电商平台-iwebshop
前端·网络·chrome
qq_351754786 分钟前
关于vue3切换空白页问题解决
开发语言·前端
风景的人生10 分钟前
小程序接收respose中的数组
前端·微信小程序·小程序
晚霞的不甘11 分钟前
Flutter for OpenHarmony 电商 App 搜索功能深度解析:从点击到反馈的完整实现
开发语言·前端·javascript·flutter·前端框架
Dragon Wu11 分钟前
React Native MMKV完整封装
前端·javascript·react native·react.js
前端(从入门到入土)13 分钟前
解决Webpack打包白屏报错问题l.a.browse is not a function
前端·javascript
Jul1en_13 分钟前
【Web自动化测试】Selenium常用函数+IDEA断言配置
前端·selenium·intellij-idea
Marshmallowc14 分钟前
从源码深度解析 React:Hook 如何在 Fiber 中存储?DOM Ref 如何绑定?
前端·react.js·前端框架·fiber