返回

表单的属性和方法

前端

表单(Form)是用来收集用户输入数据的HTML元素。表单可以包含各种各样的输入元素,比如文本框、单选按钮、复选框、下拉列表等。

表单的属性

表单标签(<form>)有以下属性:

  • name:表单的名称。
  • method:表单提交的数据发送方式,有两种值:getpostget方式将数据放在URL中,而post方式将数据放在HTTP消息体中。
  • action:表单提交数据的目标URL。
  • target:表单提交数据的目标窗口或框架。

输入元素的属性

输入元素(<input>)有以下属性:

  • type:输入元素的类型,比如textpasswordradiocheckbox等。
  • name:输入元素的名称。
  • value:输入元素的默认值。
  • placeholder:输入元素的提示信息。
  • disabled:是否禁用输入元素。
  • readonly:是否只读输入元素。
  • required:是否必填输入元素。
  • autofocus:是否自动聚焦输入元素。

按钮元素的属性

按钮元素(<button>)有以下属性:

  • type:按钮的类型,比如submitresetbutton等。
  • 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";
?>