HTML表单做一些“动作”点击提交按钮时(HTML form do some “action” wh

我想了解HTML表单。例如，我有名字和姓氏和一个提交按钮2个输入文本字段。当点击提交按钮，我想的网页显示是这样的：你的名字是“名”，“姓”。

<!DOCTYPE html>
<html>
   <body>
      <form>
         First name: <input type="text" name="firstname" /><br />
         Last name: <input type="text" name="lastname" /><br />
         <input type="submit" value="Submit" />
      </form> 
   </body>
</html>

我需要做什么来这里为了有一些“动作”当我点击该按钮？

编辑：好，现在我找出我需要PHP或JavaScript在这里会。可有一个提示或提供PHP或的js的示例代码作为我的参考？

Answer 1:

好吧，我带你去一个刺在此。如果你想用PHP工作，你需要安装和配置PHP和你的机器上的网络服务器。这篇文章可能让你开始： PHP手册：安装Windows系统

一旦你有你的环境设置，您就可以开始使用web表单工作。直接从文章：用PHP处理表单数据：

在这个例子中，你需要创建两页。在第一页，我们将创建一个简单的HTML表单收集一些数据。下面是一个例子：
 <html> <head> <title>Test Page</title> </head> <body> <h2>Data Collection</h2><p> <form action="process.php" method="post"> <table> <tr> <td>Name:</td> <td><input type="text" name="Name"/></td> </tr> <tr> <td>Age:</td> <td><input type="text" name="Age"/></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit"/> </td> </tr> </table> </form> </body> </html> 
这个页面将姓名和年龄数据发送到页面process.php。现在，让我们创建process.php从我们所做的HTML表单中使用的数据：

<?php   
    print "Your name is ". $Name;   
    print "<br />";   
    print "You are ". $Age . " years old";   
    print "<br />";   $old = 25 + $Age;
    print "In 25 years you will be " . $old . " years old";   
?>

正如你可能知道，如果你离开了该方法的形式=“邮报”的一部分，显示数据的URL。例如，如果你的名字是比尔·琼斯，你35岁，我们process.php页面将显示为http://yoursite.com/process.php?Name=Bill+Jones&Age=35如果你愿意，你可以手动更改以这种方式，输出的URL也会随之改变。

额外的JavaScript实施例

这种单一的文件例如从你的问题需要的HTML和领带形式的onSubmit事件给拉2个文本框的值，并将其显示在一个警告框的JavaScript函数。

注意： document.getElementById("fname").value获取与对象ID标签，等于fname然后再换它的value -在这种情况下是在名字文本框中的文本。

 <html>
    <head>
     <script type="text/javascript">
     function ExampleJS(){
        var jFirst = document.getElementById("fname").value;
        var jLast = document.getElementById("lname").value;
        alert("Your name is: " + jFirst + " " + jLast);
     }
     </script>

    </head>
    <body>
        <FORM NAME="myform" onSubmit="JavaScript:ExampleJS()">

             First name: <input type="text" id="fname" name="firstname" /><br />
             Last name:  <input type="text" id="lname" name="lastname" /><br />
            <input name="Submit"  type="submit" value="Update" />
        </FORM>
    </body>
</html>

Answer 2:

的index.html

<!DOCTYPE html>
<html>
   <body>
       <form action="submit.php" method="POST">
         First name: <input type="text" name="firstname" /><br /><br />
         Last name: <input type="text" name="lastname" /><br />
         <input type="submit" value="Submit" />
      </form> 
   </body>
</html>

多了一个文件，该文件页面后，你想要按下提交按钮后显示

submit.php

<html>
  <body>

    Your First Name is -  <?php echo $_POST["firstname"]; ?><br>
    Your Last Name is -   <?php echo $_POST["lastname"]; ?>

  </body>
</html>