前端 HTML body标签相关内容 常用标签 表单标签 form里面的 label标签介绍
2024-10-11 12:49:07
定义：<label> 标签为 input 元素定义标注（标记）。
label标签功能：关联input标签文本与表达元素，点击input标签文本时，如同点击表单元素一样。
label标签是行内标签，在一行显示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
</head>
<body>
<div>
<form>
<!-- label标签是行内标签-->
<label>用户名</label>
<label>用户名</label>
</form> </div>
</body>
</html>
for元素 表示与该label相关联的表单控件元素的id值，<label> 标签的 for 属性值应当与相关元素的 id 属性值相同。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
</head>
<body>
<div>
<form>
<label for="user">用户名:</label>
<input type="text" id="user" name="username">
</form> </div>
</body>
</html>
label标签和input一同使用
label for 与 id 做关联
让用户点击用户名字段 也可以用户输入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- label标签和input一同使用
label for 与 id 做关联
让用户点击用户名 也可以用户输入
-->
<label for="username">用户名:</label>
<input id='username' type="text">
</body>
</html>
最新文章
- ACM : POJ 2676 SudoKu DFS - 数独
- Atitit..文件上传组件选型and最佳实践总结(2)----断点续传
- Linux编译安装Mysql步骤
- HDU 4920 Matrix multiplication 矩阵相乘。稀疏矩阵
- Presto架构及原理
- php版DES
- IAR Embedded Workbench for ARM 6.50.6 & 6.60.1 破解补丁
- Go语言Web框架gwk介绍4
- mongodb两次被黑后......
- 使用Gradle创建java web项目
- Android之com.nostra13.universalimageloader加载图片抛出OutOfMemroyError错误的多种解决办法
- Java 中的纤程库 – Quasar
- linux系统版本查看
- maven wrapper使用本地maven
- java 关于打断点
- C++ Primer 笔记——重载运算
- Putty的用法
- Spark中的partition和block的关系
- 在caffe-ssd安装编译环境运行make all时候报错：Makefile:572: recipe for target '.build_release/src/caffe/util/hdf5.o' failed make: *** [.build_release/src/caffe/util/hdf5.o] Error 1
- ubuntu18.04 安装新版本openssl