HTML 第3部分

Source: Dev.to

标签

“ 告诉用户在输入框中输入什么。
最好使用 for 和 id 将标签与输入框关联起来。当用户点击标签时，关联的输入框会获得焦点。

<label for="email">Email:</label>
<input type="email" id="email" name="email">

<label for="pwd">Password:</label>
<input type="password" id="pwd" name="pwd">

按钮

“ 在点击时执行操作，例如提交或重置表单。

类型

• 默认按钮 – Click Me
• 带显式类型的按钮 – Normal
• 提交按钮 – Submit
• 重置按钮 – Reset

<button>Click Me</button>
<button type="button">Normal</button>
<button type="submit">Submit</button>
<button type="reset">Reset</button>

选择框（下拉列表）

“ 创建一个下拉列表，允许用户选择一个或多个选项。

单选

<label for="city">Choose City:</label>
<select id="city" name="city">
  <option>Chennai</option>
  <option>Delhi</option>
  <option>Mumbai</option>
</select>

你也可以提供发送到服务器的显式值：

<select name="city">
  <option value="chennai">Chennai</option>
  <option value="delhi">Delhi</option>
</select>

多选

<select name="skills" multiple>
  <option>HTML</option>
  <option>CSS</option>
  <option>JavaScript</option>
</select>

选项

定义 内的项目。你可以设置默认选中、禁用某个选项，或将值留空。

<select name="course">
  <option selected>Select Course</option>
  <option>HTML</option>
  <option>CSS</option>
  <option>JavaScript</option>
</select>

文本区域

“ 允许用户输入多行文本。

<label for="feedback">Feedback:</label>
<textarea id="feedback" name="feedback"></textarea>

<button type="submit">Submit</button>