Form elements 集合

Input

Input 元素是最常用的表单元素之一，用于接受用户输入的文本。在 HTML 中，Input 元素有多种类型，如 text、password、email、number 等。下面是一个示例代码：

<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="password" placeholder="请输入密码">
<input type="email" name="email" placeholder="请输入邮箱">
<input type="number" name="age" placeholder="请输入年龄">

Textarea

Textarea 元素用于接受多行文本输入。Textarea 元素没有特定的类型，只需设置行数和列数即可。示例代码如下：

<textarea name="message" rows="4" cols="50" placeholder="请输入消息"></textarea>

Select

Select 元素用于创建下拉列表，用户可以从中选择一个选项。Select 元素需要和 Option 元素一起使用。示例代码如下：

<select name="city">
  <option value="beijing">北京</option>
  <option value="shanghai">上海</option>
  <option value="guangzhou">广州</option>
  <option value="shenzhen">深圳</option>
</select>

Radio

Radio 元素用于创建单选按钮，用户只能选择其中的一个选项。Radio 元素需要设置相同的 name 属性，示例代码如下：

<input type="radio" name="gender" value="male"> 男
<input type="radio" name="gender" value="female"> 女
<input type="radio" name="gender" value="other"> 其他

Checkbox

Checkbox 元素用于创建复选框，用户可以选择多个选项。Checkbox 元素也需要设置相同的 name 属性，示例代码如下：

<input type="checkbox" name="hobby" value="reading"> 阅读
<input type="checkbox" name="hobby" value="traveling"> 旅行
<input type="checkbox" name="hobby" value="sports"> 运动

Button

Button 元素用于创建按钮，用户可以点击执行相应的操作。Button 元素有多种类型，如 submit、reset、button 等。示例代码如下：

<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">点击我</button>

以上就是一些常用的表单元素，它们可以帮助我们构建交互性强的页面。希望本篇文章对你有所帮助！