html-表单项标签

最新推荐文章于 2025-12-14 22:21:56 发布

原创最新推荐文章于 2025-12-14 22:21:56 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

html 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了HTML中的表单元素，包括`<label>`标签与`<input>`标签的配合使用，如`for`属性与`id`属性的关联，以及`<input>`标签的各种属性，如`type`（数据类型）、`value`（默认值）、`placeholder`（提示信息）和`required`（必填）。此外，还涉及了不同类型的`<button>`标签，分别用于提交、重置和一般操作。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表单项标签</title>
</head>
<body>
  <!--
  label for属性必须和表单项标签id属性值一致
  input 表单项标签
    属性
      tpyo数据类型
      id 唯一标识
      value默认数据值
      placeholder默认提示信息
      required是否必须
    button
      属性
        type:submit提交 reset重置  button普通按钮
  -->
  <form action="#" method="get" autocomplete="on">
    <label for="username">用户名：</label>
    <input type="text" id="username" name="username" value="" placeholder="请在此处输入用户名" required>
    <button type="submit">提交</button>
    <button type="reset">重置</button>
    <button type="button">按钮</button>
</form>
</body>
</html>