Question

我有一个简单的表单，并希望在提交时反映新页面中的值。我尝试使用javascript这样做。然而，由于没有打印出来，因此没有成功。有谁可以帮助我吗？此外，我愿意接受更简单的想法，因为javascript可能不是唯一的方法。 PHP对我来说似乎很难。

这是我的表格。

<head>
</head> 
<body>
<form action="demo_form.html" method="POST">
First Name<input type="text" name="fname"><br>
<input type="submit" value="submit">
</form>
</body>
</html>

这是提交后的html页面，也是“demo_form.html”

<head>
<script type="text/javascript">
var nameValue = document.getElementById("fname").value;
document.getElementById("printHere").value=nameValue;
</script>
</head>
<body>
Welcome <div id="printHere"></div> 
</body>
</html>

Answer 1

注意

使用php扩展名而不是html保存页面（您在表单操作中使用了demo_form.html）

删除JS并将其包含在顶部

    if(isset($_POST)){
    print_r($_POST);   //Retreive your data as required
}

最终守则

<body>
<?php
        if(isset($_POST)){
        print_r($_POST);   //Retreive your data as required
    }
?>
<form action="demo_form.php" method="POST">
First Name<input type="text" name="fname"><br>
<input type="submit" value="submit">
</form>
</body>

Answer 2

帖子变量与＆＃34; name＆＃34;相关联。表单元素的属性。

<input type='text' name='firstname' />

通过

提交您的帖子数组后，这将是有用的

$ _POST['firstname'];

要抓住它，最好先查看是否先设置它。

if(isset($_POST['firstname']) {
   $firstname = $_POST['firstname'];
}

您将其放在页面的最顶部，甚至在doctype之前。

<?php

if(isset($_POST['firstname']) {
   $firstname = $_POST['firstname'];
}

?>

现在您可以通过＆＃34; echo＆＃34;打印值。你的变量。

Hello <?php echo $firstname; ?> to this page;

您的网页必须具有* .php扩展名。

编辑：添加了有关帮助和学习目的的信息

要适合您自己的应用程序中的字段，请更改＆＃34; firstname＆＃34;的名称。到＆＃34;名称＆＃34;输入字段的属性，即＆＃34; fname＆＃34;。

添加更多字段。

if(isset($_POST['fname'])){$fname = $_POST['fname']; }
if(isset($_POST['lname'])){$lname = $_POST['lname']; }
if(isset($_POST['email'])){$email = $_POST['email']; }

有趣的是你看看$ _POST数组是怎样的。在最顶部和开头的php标签中，添加：

echo "<pre>";
echo print_r($_POST); // can also do var_dump($_POST);, just try it
echo "</pre>";

您将看到阵列，您可以看到它的结构。

Answer 3

POST数据是服务器端处理的数据。 Javascript在客户端。你应该使用GET方法。并在demo_form.html中使用此js代码来接收参数：

var params = getUrlParams();
var first_name = params.fname;

Answer 4

你可以使用javascript试试这个：

第一个HTML格式：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
    <div id="profile">
        <form action="demo_form.html" method="GET">
            First Name<input type="text" name="fname" /><br />
            <input type="submit" value="submit" />
        </form>
    </div>
</body>
</html>

demo_form.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
        function Loaddata() {
            // Get data from query string & create an array
            var vars = {};
            var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
                vars[key] = value;
            });

            document.getElementById("printHere").innerHTML = vars["fname"];
        }
    </script>
</head>
<body onload="Loaddata();">
    Welcome
    <div id="printHere"></div>
</body>
</html>

如何检索HTML表单值？

4 个答案:

注意