html中如何设置重置与提交

中如何设置重置与提交

在HTML中，表单是使用用来收集用户数据的工具，而对表单的设置也是非常重要的。表单中最基本的两个按钮就是“重置”和“提交”了。下面我们来看看如何在HTML中设置这两个按钮。

<form action="form.PHP" method="post">
  <input type="text" name="username">
  <input type="password" name="password">
  <input type="submit" value="提交">
  <input type="reset" value="重置">
</form>

在上面这个表单中，我们设置了一个“提交”按钮和一个“重置”按钮。下面我们来仔细看一下代码的写法。

首先是“提交”按钮：

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

通过“input”标签设置了一个“submit”类型的按钮，按钮的文字是“提交”，点击这个按钮会将用户填写的数据提交到“action”属性指定的地址中。在本例中，“action”被设置为“form.PHP”，也可以设置为其他的地址。

接下来是“重置”按钮：

<input type="reset" value="重置">

同样是通过“input”标签来设置的，但这个按钮类型是“reset”，文字是“重置”。这个按钮的作用是清空用户填写的数据，让表单恢复到初始状态。

在日常使用中，我们经常需要在表单中加上这两个按钮，以便更好地收集用户数据。上面的示例代码可以供大家参考。