如何根据表单生成网页
How do you generate web pages based on a form?
例如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
- 每次提交表单时都会重新加载网页
- Firefox,如何提交表单触发文件下载,但停留在网页上
- 如何使用javascript在asp.net网页表单上动态添加文本框
- 网页表单 |始终使用 Id 进行访问
- 如何在安卓应用中检测网页表单提交
- 在asp.net网页表单中单击按钮时避免回发
- 使用QWebElements填写网页表单
- 如何在asp.net网页表单中获取jsPOST
- 如何使用asp.net网页表单处理AngularJs
- 多页网页表单的客户端存储
- & # 39; $ & # 39;在网页表单内容页面底部的脚本中未定义
- Jquery -无法访问网页表单中列表/选择框中的单个元素
- 检测网页表单中的按键
- 如何防止回车键在网页表单中改变行
- 如何创建一个PHP网页表单的确认页面
- JavaScript html网页表单
- 识别可能的错误向量,javascript警报后,混合网站上的网页表单似乎禁用了javascript
- 单击按钮时,网页正在刷新网页表单.aspx文件
- 如何在asp.net网页表单中添加弹出窗口
- IPhone网页表单验证