htmlinput标签如何用

HTML input标签介绍

HTML input标签是一种可自定义类型的表单元素，用于接受用户的输入。通过 type 属性来设置显示的类型，例如文本输入框，复选框，单选框，密码输入框等。

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="password">

文本输入框

文本输入框允许用户输入一行或多行文本。对于单行文本框，使用type="text"属性，对于多行文本功能，使用textarea标签。在textarea标签中，可以使用rows和cols属性控制文本框的大小。

<input type="text" placeholder="请输入文本">
<textarea rows="4" cols="50">请输入多行文本</textarea>

单选和复选框

单选框和复选框是用于让用户从一组选项中选择一个或多个选项的元素。通过设置 type="radio" 和 type="checkbox" 类型来显示单选框和复选框。使用name属性来指定选项组的名称，它使得仅有一个选项可以被选择（单选框）或多个选项可以被选择（复选框）。

<label><input type="radio" name="gender" value="male"> 男</label>
<label><input type="radio" name="gender" value="female"> 女</label>
<br>
<label><input type="checkbox" name="fruit" value="apple"> 苹果</label>
<label><input type="checkbox" name="fruit" value="orange"> 橙子</label>

选择框

选择框用于从一个下拉菜单中选择一个选项。通过使用select标签，我们可以实现这个功能。使用option标签来定义下拉菜单中的各个选项。在option标签中，使用value属性定义每个选项的值。使用selected属性可以设置一个默认选项。

<select name="fruits">
  <option value="apple">苹果</option>
  <option value="banana" selected>香蕉</option>
  <option value="orange">橙子</option>
  <option value="grape">葡萄</option>
</select>