html form 中两个按钮
时间: 2023-08-13 11:12:45 浏览: 78
在 HTML 表单中,可以使用 `<button>` 元素创建按钮。下面是创建两个按钮的示例代码:
```
<form>
<button type="submit" name="submitBtn">提交</button>
<button type="reset" name="resetBtn">重置</button>
</form>
```
上面的代码中,第一个按钮是提交按钮,点击后会提交表单数据。第二个按钮是重置按钮,点击后会将表单中的所有数据重置为默认值。按钮的类型通过 `type` 属性指定,可以是 `submit` 或 `reset`。按钮的名称和值可以通过 `name` 和 `value` 属性设置,这些属性在提交表单时会一并提交到服务器端。如果不需要提交数据,可以省略这些属性。
相关问题
jsp中form表单单选按钮
在 JSP 中,可以使用 HTML 的 form 和 input 标签来创建单选按钮。
以下是一个例子:
```
<form action="submit.jsp" method="post">
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="submit" value="Submit">
</form>
```
其中,`<input type="radio">` 标签创建单选按钮,`name` 属性指定单选按钮的名称,`value` 属性指定单选按钮的值。在这个例子中,单选按钮分别有两个名称和值:`male` 和 `female`。
当用户选择一个单选按钮并提交表单时,服务器会收到一个包含单选按钮名称和值的 HTTP 请求。在 JSP 中,可以使用 `request.getParameter()` 方法来获取单选按钮的值。
以下是 submit.jsp 页面的例子:
```
<%
String gender = request.getParameter("gender");
out.println("You selected " + gender);
%>
```
在这个例子中,`request.getParameter()` 方法返回一个字符串,表示用户选择的单选按钮的值。最后,JSP 使用 `out.println()` 方法输出用户选择的值。
HTML:一个form表单有两个按钮,分别提交到不同的页面
可以使用HTML中的form表单的action属性来指定不同的提交目标页面。例如:
```
<form>
...
<input type="submit" value="提交到页面1" formaction="page1.php">
<input type="submit" value="提交到页面2" formaction="page2.php">
</form>
```
在这个例子中,有两个提交按钮,分别将表单提交到不同的页面。第一个按钮将表单提交到page1.php,第二个按钮将表单提交到page2.php。注意,需要使用type="submit"的input元素才能提交表单。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)