HTML如何接收表单提交的数据?

HTML如何接收表单提交的数据?,第1张

方法和详细的 *** 作步骤如下:

1、第一步,打开Dreamweaver编辑器,准备一个空白html文件并编写基本html结构,见下图转到下面的步骤。

2、第二步,执行完上面的 *** 作之后,创建一个表单,在表单中设置年龄和名称这两个属性,然后创建一个提交按钮,见下图,转到下面的步骤。

3、第三步,执行完上面的 *** 作之后,在上方设置script标签并在其中创建js函数来获取表单提交,见下图,转到下面的步骤。

4、第四步,执行完上面的 *** 作之后,打开浏览器预览效果,在表单中填写内容,然后单击提交,见下图,转到下面的步骤。

5、第五步,执行完上面的 *** 作之后,js会将数据提交到指定位置,见下图。这样,就解决了这个问题了。

1、使用表单传递数据

两个html页面,a.html,b.html想。把a.html中的表单form中的id和pwd传到b.html中

1

<form action="b.html" method="post" name="formName"></form>

要用form表单配合后台语言来传,发送类型POST和GET看你需求要换。

2、使用JS传递接收数据

<html1 ><input type="text" value="nihao" id="text"></html>

<html2></html>

如何用JS把HTML1中的text属性值nihao 传递给html2 在HTML2中有怎样用JS接收传递过来的数据并显示。

12

<html1><a href="html2.html?word=nihao"><a><html2>

js代码:

12

var str=location.href.search//取地址参数部分word = str.sbustr(str.indexOf('=')+1)

word就可以获得地址中传递的参数了;如果有多个参数可以用split函数

3、两个纯Html之间的传值实例

index1.htm页面

12345678910111213141516

<HTML> <HEAD> <TITLE>New Document </TITLE>//标题<SCRIPT LANGUAGE="JavaScript">//调用JavaScript方法 function show(){var result = document.getElementByIdx("name").value //获取值. location.href="index2.htm?name="+result // 链接跳转 }</SCRIPT> <style>.input7 {color: #999width:145pxheight:20pxborder: 1px solid #CCCCCCfont-size:12pxbackground-color: #fff}//css样式 </style> </HEAD> <BODY> <input type="text" id="name" class="input7"><input type="button" value="OK" onclick="show()"/>//输出</BODY></HTML>

index2页面:

1234567891011121314151617181920212223

<HTML><HEAD><TITLE>New Document </TITLE><SCRIPT LANGUAGE="JavaScript">function getvalue(name){var str=window.location.search //location.search是从当前URL的?号开始的字符串 if (str.indexOf(name)!=-1)//判断是否收到值 { var pos_start=str.indexOf(name)+name.length+1 //解析获取值var pos_end=str.indexOf("&",pos_start)if (pos_end==-1){ alert( str.substring(pos_start)) //输出} else{ alert("没有此值~~") }}</SCRIPT></HEAD><BODY><input type="button" onclick="getvalue('show')" value="GetValue"/></BODY></HTML>

一、

html可以接受表单内容,但是接受了也只能是用JAVASCRIPT进行显示出来,无法保存在后台数据库里面。

二、

可以设置WEB服务器,把所有的.HTML文件都作为ASP或者PHP等脚本进行解释执行,这样别人看起来是个HTML,实际上里面却是ASP或者PHP。

三、

可以设置APACHE的URLREWRITE,让对某个HTML的调用,全部转换为一定参数的某个PHP脚本或者CGI程序的调用。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8318280.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存