<form>怎么用
时间: 2023-08-15 19:07:09 浏览: 209
标签`<form>`用于创建一个HTML表单,表单通常用于收集用户的输入数据。下面是`<form>`标签的基本语法:
```
<form action="提交地址" method="提交方式">
<!-- 表单元素 -->
</form>
```
其中,`action`属性指定了表单数据提交到的地址,可以是一个URL、一个脚本文件、电子邮件地址等等。`method`属性指定了表单提交数据的方式,可以是`GET`或`POST`。GET方式会将表单数据附加在URL后面,而POST方式则将数据封装在HTTP请求中。
在`<form>`标签内部,我们可以添加各种表单元素,例如文本框、单选框、复选框、下拉列表和按钮等等。常见的表单元素有以下几种:
1. `<input type="text">`:文本框,用于接收单行文本输入
2. `<input type="password">`:密码框,用于接收密码输入
3. `<input type="radio">`:单选框,用于从多个选项中选择一个选项
4. `<input type="checkbox">`:复选框,用于从多个选项中选择多个选项
5. `<select>`和`<option>`:下拉列表,用于从多个选项中选择一个选项
6. `<textarea>`:文本域,用于接收多行文本输入
7. `<button>`:按钮,用于提交表单或执行其他动作
需要注意的是,表单元素必须包含`name`属性,以便在提交表单时能够识别表单数据的来源。例如,下面是一个简单的表单示例:
```
<form action="submit.php" method="POST">
<label for="name">姓名:</label>
<input type="text" name="name" id="name"><br>
<label for="email">邮箱:</label>
<input type="email" name="email" id="email"><br>
<label for="message">留言:</label>
<textarea name="message" id="message"></textarea><br>
<button type="submit">提交</button>
</form>
```
这个表单包含了姓名、邮箱和留言三个表单元素,其中姓名和邮箱是文本框和电子邮件输入框,而留言是文本域。当用户点击提交按钮时,表单数据将被提交到`submit.php`脚本中进行处理。
阅读全文