返回
表单的属性和方法
前端
2024-01-31 09:49:58
表单(Form)是用来收集用户输入数据的HTML元素。表单可以包含各种各样的输入元素,比如文本框、单选按钮、复选框、下拉列表等。
表单的属性
表单标签(<form>
)有以下属性:
name
:表单的名称。method
:表单提交的数据发送方式,有两种值:get
和post
。get
方式将数据放在URL中,而post
方式将数据放在HTTP消息体中。action
:表单提交数据的目标URL。target
:表单提交数据的目标窗口或框架。
输入元素的属性
输入元素(<input>
)有以下属性:
type
:输入元素的类型,比如text
、password
、radio
、checkbox
等。name
:输入元素的名称。value
:输入元素的默认值。placeholder
:输入元素的提示信息。disabled
:是否禁用输入元素。readonly
:是否只读输入元素。required
:是否必填输入元素。autofocus
:是否自动聚焦输入元素。
按钮元素的属性
按钮元素(<button>
)有以下属性:
type
:按钮的类型,比如submit
、reset
、button
等。name
:按钮的名称。value
:按钮的值。disabled
:是否禁用按钮。
表单方法
表单有以下方法:
submit()
:提交表单。reset()
:重置表单。
表单示例
<form action="/submit.php" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<label for="email">邮箱:</label>
<input type="email" id="email" name="email">
<input type="submit" value="提交">
</form>
表单提交后,数据会发送到/submit.php
页面。我们可以使用PHP语言处理这些数据。
<?php
// 获取表单数据
$name = $_POST['name'];
$email = $_POST['email'];
// 处理数据
// 输出数据
echo "姓名:$name<br>";
echo "邮箱:$email";
?>