用form表单跳转页面
时间: 2024-06-09 10:07:08 浏览: 154
layui使用form表单实现post请求页面跳转的方法
可以使用 HTML 的 `<form>` 标签和 `<input>` 标签来实现表单提交和页面跳转。
首先,在 HTML 中创建一个表单:
```
<form action="target_page.html" method="get">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="提交">
</form>
```
这个表单中包含了两个输入框和一个提交按钮。`action` 属性指定了提交表单后要跳转的页面,`method` 属性指定了提交的方式,这里使用了 `get` 方法。
当用户点击提交按钮时,表单会将输入框中的数据以 `name=value` 的形式添加到 URL 的末尾,并跳转到 `target_page.html` 页面。例如,如果用户输入了姓名为 "张三",邮箱为 "zhangsan@example.com",那么跳转的 URL 就会是:
```
http://example.com/target_page.html?name=%E5%BC%A0%E4%B8%89&email=zhangsan%40example.com
```
在跳转的页面中,可以使用 JavaScript 或服务器端脚本来获取这些数据,并进行相应的处理。
阅读全文