方法和详细的 *** 作步骤如下:
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程序的调用。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)