获取input里输入的value,跳转执行php
时间: 2023-06-19 08:04:07 浏览: 42
要获取input里输入的value,可以使用JavaScript的`document.getElementById('input_id').value`方法,其中`input_id`为你的input元素的id。例如:
```html
<input type="text" id="myInput">
<button onclick="myFunction()">提交</button>
<script>
function myFunction() {
var inputValue = document.getElementById("myInput").value;
window.location.href = "example.php?value=" + inputValue;
}
</script>
```
这段代码会将输入框中的值作为参数传递给`example.php`文件,并跳转到该文件。在`example.php`中可以通过`$_GET`获取这个参数,例如:
```php
$value = $_GET['value'];
echo "你输入的值是:" . $value;
```
相关问题
html 翻页 跳页 go input value
您想了解如何在 HTML 页面中实现翻页或者跳页功能吗?如果是这样的话,可以使用表单元素中的 input 标签来实现这个功能。具体步骤如下:
1. 在 HTML 页面中创建一个表单元素,使用 GET 或 POST 方法提交表单。
2. 在表单元素中添加一个 input 标签,用于输入页码。
3. 在表单元素中添加一个 submit 标签,用于提交表单。
4. 在后台接收表单提交数据时,获取页码参数,并根据页码参数来显示相应的页面内容。
下面是一个简单的示例代码,用于实现跳页功能:
```
<form action="page.php" method="get">
<label for="page">跳转到第</label>
<input type="text" id="page" name="page" value="">
<label for="page">页</label>
<input type="submit" value="跳转">
</form>
```
在这个示例中,用户可以在输入框中输入要跳转的页码,然后点击提交按钮,将表单数据提交到 page.php 页面。在 page.php 页面中,可以获取表单提交的页码参数,然后根据页码参数来显示相应的页面内容。
在input标签填写参数,使用按钮进行点击跳转
可以使用JavaScript来实现这个功能,具体步骤如下:
1. 给按钮添加一个点击事件,可以使用addEventListener方法来实现,例如:
document.getElementById("btn").addEventListener("click", function() {
// 在这里编写跳转的代码
});
2. 获取input标签中填写的参数,可以使用getElementById方法来获取input标签的value属性,例如:
var param = document.getElementById("input").value;
3. 构造跳转的URL,将参数拼接在URL后面,例如:
var url = "http://example.com/page?param=" + param;
4. 使用location.href属性来跳转到指定的URL,例如:
location.href = url;
完整的代码如下:
document.getElementById("btn").addEventListener("click", function() {
var param = document.getElementById("input").value;
var url = "http://example.com/page?param=" + param;
location.href = url;
});