Html代码: form - 表单元素

介绍

HTML表单是用于收集用户输入的一种方式。表单包含各种表单元素，如文本框、复选框、单选按钮、下拉列表等，用户可以在这些元素中输入或选择数据。

表单元素

以下是常用的HTML表单元素：

文本框

文本框用于接收用户输入的文本数据。可以通过设置type属性为"text"来创建文本框。

<input type="text" name="username">

密码框

密码框用于接收用户输入的密码。可以通过设置type属性为"password"来创建密码框。

<input type="password" name="password">

复选框

复选框用于让用户从多个选项中选择一个或多个选项。可以通过设置type属性为"checkbox"来创建复选框。

<input type="checkbox" name="hobby" value="football">足球

<input type="checkbox" name="hobby" value="basketball">篮球

<input type="checkbox" name="hobby" value="tennis">网球

单选按钮

单选按钮用于让用户从多个选项中选择一个选项。可以通过设置type属性为"radio"来创建单选按钮。

<input type="radio" name="gender" value="male">男

<input type="radio" name="gender" value="female">女

下拉列表

下拉列表用于让用户从多个选项中选择一个选项。可以使用<select>元素和<option>元素来创建下拉列表。

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

提交按钮

提交按钮用于提交表单数据。可以通过设置type属性为"submit"来创建提交按钮。

<input type="submit" value="提交">

示例

以下是一个包含多个表单元素的示例：

<form action="submit.php" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username"><br>
  
  <label for="password">密码:</label>
  <input type="password" id="password" name="password"><br>
  
  <label for="hobby">爱好:</label>
  <input type="checkbox" id="football" name="hobby" value="football">
  <label for="football">足球</label>
  <input type="checkbox" id="basketball" name="hobby" value="basketball">
  <label for="basketball">篮球</label><br>
  
  <label for="gender">性别:</label>
  <input type="radio" id="male" name="gender" value="male">
  <label for="male">男</label>
  <input type="radio" id="female" name="gender" value="female">
  <label for="female">女</label><br>
  
  <label for="city">城市:</label>
  <select id="city" name="city">
    <option value="beijing">北京</option>
    <option value="shanghai">上海</option>
    <option value="guangzhou">广州</option>
  </select><br>
  
  <input type="submit" value="提交">
</form>

总结

HTML的表单元素提供了丰富的选项，可以方便地收集用户输入的数据。通过使用不同类型的表单元素，可以创建各种不同类型的表单，满足不同的需求。

香港服务器首选后浪云

后浪云提供高性能的香港服务器，为用户提供稳定可靠的云计算服务。了解更多信息，请访问https://www.idc.net。