HTMLL+CSS基础——基础标签（表单标签、from）

在HTML中，表单（form）是用于用户输入的重要元素，可以收集用户的各种信息，并通过提交（submit）将这些信息发送到服务器进行处理。

以下是一些基本的表单标签和它们的使用方法：

1. <form>标签：定义一个表单，用于用户输入数据。

<form action="submit_page.php" method="get">
  <!-- 表单元素 -->
</form>

在上述代码中，action属性定义了提交表单时的目的地，method属性定义了数据发送的HTTP方法。

2. <input>标签：用于输入各种类型的数据。

• 文本输入：

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

• 密码输入：

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

• 单选按钮：

<input type="radio" name="gender" value="male">Male
<input type="radio" name="gender" value="female">Female

• 复选框：

<input type="checkbox" name="vehicle" value="Bike">I have a bike

• 提交按钮：

<input type="submit" value="Submit">

3. <select>和<option>标签：创建下拉列表。

<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

4. <textarea>标签：创建多行文本输入控件。

<textarea rows="10" cols="30">
  I am a textarea.
</textarea>

5. <button>标签：定义一个可点击的按钮，没有默认的行为。

<button type="button" onclick="alert('Hello World')">Click Me!</button>

6. <label>标签：定义 input 元素的标注。

<label for="male">Male</label>
<input type="radio" name="gender" id="male" value="male">

在HTML和CSS的学习过程中，理解各种标签的用途和如何正确使用它们是非常重要的。在实际开发中，表单标签是非常常见且重要的一部分，需要开发者熟练掌握。