如何根据表单生成网页

How do you generate web pages based on a form?

本文关键字:网页 表单 何根      更新时间:2023-09-26

例如https://talky.io/在其主页上有一个表格。当你在表单中输入文本并点击按钮时,你会进入一个页面https://talky.io/[你的文字]。你是怎么做到的?最好的方法是什么?

谢谢!

您可以使用onSubmit并通过javascript更改表单的action属性,然后返回true。代码可能看起来像这样:

链接页面的HTML:

<form id="createRoom">
   <input id="sessionInput" placeholder="Name the conversation" autofocus="autofocus">
   <button type="submit">Let’s go!</button>
</form>

Js代码:

document.getElementById("crateRoom").onsubmit = function(){
   var url = encodeURIComponent(document.getElementById("sessionInput").value);
   document.getElementById("crateRoom").action = "/" + url;
   return true;
}

它是服务器端脚本作业。您可以查看一些MVC框架和url参数

您可以使用表单的GET方法;例如:

<form action="index.php" method="get">
Page: <input type="text" name="page">
<input type="submit" value="Submit">
</form>

提交后将转到CCD_ 3。

您可以使用PHP符号或代码点火器,如果您使用.net,则创建一个新的MVC项目。

但如果你只需要更改像这样的URL

www.mysite.com/mypage.php?something=value

www.mysite.com/value

你可以在apache中进行mod重写,或者如果你使用.net,那么在你的global.asax.cs 中使用RegisterRoutes

使用form,您可以向在for的action属性中给定的location/url提交数据,例如

<form method="POST" action="http://example.com">
    <input name="first_name" type="text" value="" />
    <!-- Form elements -->
    <input type="submit" name="mySubmitButton" value="Submit">
</form>

当按下提交按钮时,此表单将向给定的action url提交表单数据,并且可以使用在derver上检索数据

$first_name = $_POST['first_name';];

方法POST用于提交post数组中的表单,因此您可以使用$_POST['formfieldname']检索数据,如果使用method="GET",则可以从$_GET变量(如$fname=$_GET['first_name'])中获取提交的数据。GET在提交数据时有数量限制(最多可以使用2000个字符的IE's limit),对浏览器的address bar可见,不用于登录(密码),POST可以发送比GET更多的数据,对地址栏也不可见。你可以阅读这篇文章。

使用URL重写是完全可能的http://en.wikipedia.org/wiki/Rewrite_engine