H5中的label、textarea、select标签

最新推荐文章于 2025-01-09 08:05:24 发布

原创

最新推荐文章于 2025-01-09 08:05:24 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#H5中的label textarea select标签

本文详细介绍了HTML5中用于表单的三个重要元素：label标签，用于点击文字使输入框获取焦点；textarea标签，用于创建多行文本输入框；以及select标签，用于创建下拉列表。通过for属性，label可以与input关联，textarea提供多行文本输入，而select则支持单选或多选菜单，常用于表单提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、 label标签

1，如果你想让点击input输入框左边的文字就可以让输入框获取焦点，就可以使用label标签把文字和input包裹起来。
2，如果label里面有多个表单，想定位到某个，可以通过 for id的格式来实现。
示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <label>姓名：<input type="text"></label><br/><br/><br/>
  <label for="two">电话： <input type="number"> <input type="number" id="two"></label>
</body>
</html>

预览
在这里插入图片描述