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

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

相关推荐
XF鸭20 分钟前
HTML-CSS 入门介绍
服务器·前端·javascript
forwardMyLife1 小时前
element-plus 的form表单组件之el-radio(单选按钮组件)
前端·javascript·vue.js
fs哆哆1 小时前
ExcelVBA运用Excel的【条件格式】(二)
linux·运维·服务器·前端·excel
安冬的码畜日常1 小时前
【CSS in Depth 2精译】2.5 无单位的数值与行高
前端·css
ilisi_1 小时前
导航栏样式,盒子模型
前端·javascript·css
sealaugh322 小时前
spring boot(学习笔记第十二课)
spring boot·笔记·学习
吉吉安2 小时前
grid布局下的展开/收缩过渡效果【vue/已验证可正常运行】
前端·javascript·vue.js
梦凡尘2 小时前
Vue3 对跳转 同一路由传入不同参数的页面分别进行缓存
前端·javascript·vue.js
攒了一袋星辰2 小时前
Webpack安装以及快速入门
前端·webpack·node.js
会翻身的嵌入式咸鱼2 小时前
蓝桥杯开发板STM32G431RBT6高阶HAL库学习FreeRtos——完成第一个小项目点灯
stm32·学习·蓝桥杯