html中input相关内容

在 HTML 中，`<input>` 元素是用来创建各种表单控件的，包括文本框、单选按钮、复选框、下拉列表、日期选择器等等。

以下是一些常见的 input 类型及其用法：

- `type="text"`：创建文本框，用于输入单行文本。
- `type="password"`：创建密码框，输入的内容会被隐藏。
- `type="radio"`：创建单选按钮，用于在一组选项中选择一个。
- `type="checkbox"`：创建复选框，用于在一组选项中选择多个。
- `type="submit"`：创建提交按钮，用于提交表单数据。
- `type="reset"`：创建重置按钮，用于清空表单数据。
- `type="button"`：创建普通按钮，用于执行自定义操作。

除了以上类型，还有一些其他的 input 类型，例如：

- `type="date"`：创建日期选择器，用于选择日期。
- `type="time"`：创建时间选择器，用于选择时间。
- `type="number"`：创建数字输入框，只允许输入数字。
- `type="email"`：创建电子邮件输入框，用于输入电子邮件地址。
- `type="url"`：创建 URL 输入框，用于输入 URL 地址。

除了 type 属性，input 元素还有其他属性，例如：

- `name`：指定表单控件的名称，用于向后台提交数据。
- `value`：指定表单控件的默认值。
- `placeholder`：指定表单控件的占位符，显示在输入框中，当用户未输入任何内容时显示。
- `required`：指定表单控件为必填项，如果用户未填写，将无法提交表单。

示例代码：

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username" placeholder="请输入用户名" required>

  <label for="password">密码：</label>
  <input type="password" id="password" name="password" placeholder="请输入密码" required>

  <label for="gender">性别：</label>
  <input type="radio" id="male" name="gender" value="male" checked>
  <label for="male">男</label>
  <input type="radio" id="female" name="gender" value="female">
  <label for="female">女</label>

  <label for="hobby">爱好：</label>
  <input type="checkbox" id="music" name="hobby" value="music">
  <label for="music">音乐</label>
  <input type="checkbox" id="movie" name="hobby" value="movie">
  <label for="movie">电影</label>

  <label for="birthday">生日：</label>
  <input type="date" id="birthday" name="birthday">

  <input type="submit" value="提交">
  <input type="reset" value="重置">
</form>