html标签属性

<!-- 示例代码：使用 <input> 标签及其常见属性 -->

<!-- 1. 文本输入框 -->
<input type="text" name="username" placeholder="请输入用户名" required>

<!-- 解释：这是一个文本输入框，用户可以输入文本。属性解释如下：
- type="text": 定义输入框为文本类型。
- name="username": 定义输入框的名称，用于表单提交时标识该字段。
- placeholder="请输入用户名": 提示用户输入的内容。
- required: 表示该字段是必填项，用户必须填写才能提交表单。 -->


<!-- 2. 密码输入框 -->
<input type="password" name="password" placeholder="请输入密码" minlength="8" required>

<!-- 解释：这是一个密码输入框，用户输入的内容会被隐藏。属性解释如下：
- type="password": 定义输入框为密码类型，输入内容会显示为星号或圆点。
- minlength="8": 设置密码最小长度为8个字符。 -->


<!-- 3. 单选按钮 -->
<input type="radio" name="gender" value="male"> 男
<input type="radio" name="gender" value="female"> 女

<!-- 解释：这是两个单选按钮，用户只能选择其中一个。属性解释如下：
- type="radio": 定义输入框为单选按钮。
- name="gender": 所有同名的单选按钮属于同一组，用户只能选择其中一项。
- value="male"/"female": 当用户选择该项时，提交表单时会发送对应的值。 -->


<!-- 4. 复选框 -->
<input type="checkbox" name="interest" value="sports"> 运动
<input type="checkbox" name="interest" value="music"> 音乐

<!-- 解释：这是两个复选框，用户可以选择多个选项。属性解释如下：
- type="checkbox": 定义输入框为复选框。
- name="interest": 所有同名的复选框可以同时被选中。
- value="sports"/"music": 当用户选择该项时，提交表单时会发送对应的值。 -->


<!-- 5. 提交按钮 -->
<input type="submit" value="提交">

<!-- 解释：这是一个提交按钮，点击后会提交表单。属性解释如下：
- type="submit": 定义输入框为提交按钮。
- value="提交": 按钮上显示的文字。 -->