在HTML中,建立一个提交表单页面,提交后可以直接在数据库看见。

第一行姓名,第二行电话,第三行地址。 最后有个提交,提交后怎么就直接传到ACCESS数据库,可以在数据库看见。。

<html>

<head>

<title>同一个页面中多表单提交</title>

<scripttype="text/javascript">

functionmyCheck1()

{

if(form1.text1.value=="")

{

alert("内容不能为空,请输入内容");

form1.text1.focus();

return;

}

form1.submit();

}

functionmyCheck2()

{

if(form2.text2.value=="")

{

alert("内容不能为空,请输入内容");

form2.text2.focus();

return;

}

form2.submit();

}

functionmyCheck3()

{

if(form3.text3.value=="")

{

alert("内容不能为空,请输入内容");

form3.text3.focus();

return;

}

form3.submit();

}

</script>

</head>

<body>

<formname="form1"method="post"action="#">

表单一:<inputname="text1"type="text">

<inputname="submit1"type="submit"value="提交"οnclick="myCheck1();">

</form>

<formname="form2"method="post"action="#">

表单二:<inputname="text2"type="text">

<inputname="submit2"type="submit"value="提交"οnclick="myCheck2();">

</form>

<formname="form3"method="post"action="#">

表单三:<inputname="text3"type="text">

<inputname="submit3"type="submit"value="提交"οnclick="myCheck3();">

<%

request.setCharacterEncoding("UTF-8");

Stringtext1=request.getParameter("text1");

Stringtext2=request.getParameter("text2");

Stringtext3=request.getParameter("text3");

Stringmessage="";

if(text1!=null)

{

message="你提交了第1个表单,表单内容为:"+text1;

}

if(text2!=null)

{

message="你提交了第2个表单,表单内容为:"+text2;

}

if(text3!=null)

{

message="你提交了第3个表单,表单内容为:"+text3;

}

%>

<h2><%=message%></h2>

</form>

</body>

</html>

扩展资料

在HTML文档中,<form></form>标记对用来定义表单的开始和结束。在表单<form></form>之间嵌入各类表单控件标记(表单元素)——如文本输入框、列表框、单选按钮、提交按钮等——供用户输入信息数据。

表单控件标记和表单<form>标记一起工作,共同发挥作用<form>标记的重要属性。<input>能够演变为表单中许多不同的元素,取决于type属性。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2020-04-16

在HTML中,建立一个提交表单页面,提交后可以直接在数据库看见的方法。

如下参考:

1.首先,打开HTML编辑器,创建一个新的HTML文件,如索引。html,并介绍jquery。

2.在index.html中的<script>标签,输入jquery代码:

$('button').click(function(){

$('body').append('<span>正在上传中专</span>');

setTimeout("$('span').text('上传成功');",1000);

});

3.在浏览器中运行index.html页面,点击submit按钮,会显示“正在上传”。

4.例如,1秒后进入一个成功的上传提示,就可以直接在数据库中看到了。

本回答被网友采纳
第2个回答  推荐于2017-11-26
html可以提交表单,但是存储到数据库就看你用什么脚本语言进行编写了。asp,php,asp.net,javascript都可以达到,你这样提问不够详细。追问

用ASP查看,怎么写。

追答

--------------conn.asp中的内容--------------------

------regsubmit.asp中的内容--------- 你把表单页面提交后跳转到这个页面就行。

本回答被提问者采纳
第3个回答  2013-12-11
关键词:用Dreamweaver实现ASP动态网站建设
Macromedia Dreamweaver MX 是一款专业的 HTML 编辑器,用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作,Dreamweaver 都会为您提供有用的工具,使您拥有更加完美的 Web 创作体验。 Dreamweaver 使您可以使用服务器技术(例如 CFML、ASP.NET、ASP、JSP 和 PHP)生成由动态数据库支持的 Web 应用程序。
  本章节内容主要从建立ASP运行环境(安装、配置IIS)、建立站点、怎样建立数据库、Dreamweaver与数据库的连接(使用DSN连接数据库)、显示数据库记录、插入数据库记录、修改数据库记录和删除数据库记录等等内容,以实现ASP动态网站的全部设计过程,希望能给你对建立ASP动态网站有所帮助。
  系统软件要求
  本教程将运行在Windows XP操作系统上,由IIS Web服务器和Access 2003数据库建立Web站点,通过Dreamweaver MX 2004+ASP技术开发动态页面的技术。
表 软件环境列表

软 件

应 用

Windows XP 操作系统
IIS 5.0 Web服务器
Access 2003 数据库
Dreamweaver MX 2004 动态页面设计

  Windows XP的Internet 信息服务 (IIS) 给 Windows 带来 Web 计算的强大功能。 IIS 是创建和开发动态网站解决方案的安全平台。
  一、 建立ASP运行环境(安装、配置IIS)
  (一)、安装IIS
  在Windows XP(专业版)上将Windows XP安装光盘放入光驱,点击开始—>设置—>控制面版—>添加或删除程序—>添加或删除windows组件—>在internet信息服务(IIS)项前面打钩,单击下一步进行安装,直至完成internet信息服务(IIS)的安装。如图所示:
  
  (二)、配置IIS
  点击开始—>设置—>控制面版—>管理工具—>internet信息服务(IIS),在弹出的窗口单击本地计算机、网站,在默认网站单击鼠标右键,
  在弹出的窗口选择主目录、在本地面路径选择浏览按钮,选择你建立的网站目录(如:E:\我的网站),选择文档项,按添加按钮,添加index.asp文档完成IIS的配置。
  
  二、建立站点
  Macromedia Dreamweaver MX 是一个站点创建和管理工具,使用它不仅可以创建单独的文档,还可以创建完整的 Web 站点。
  站点的定义
  开始使用Dreamweaver MX 2004来创建数据库网站的第一件事,就是定义网站,必须告诉Dreamweaver MX 2004网站根目录在哪里,以及服务器位置、类型等相关信息。
  启动Dreamweaver MX 2004后,从主菜单选择站点/管理站点/新建…定义一个新站点。
  在弹出菜单中的本地信息栏--站点名称中输入“我的网站”,本地根文件夹中选择“E:\我的网站”,在HTTP地址项填写:“HTTP:\\127.0.0.1\”其余各项保持不变。在“分类”处选择“测试服务器”,在服务器模型处选择“ASP VBScript”,“访问”处选择“本地/网络”,单击确定完成站点的定义。
  这时网站管理窗口中就可以看到网站根目录的中文件了。
  
  三、怎样建立Access数据库
  本系统使用的是Access 2003创建了一个名为db1.mdb的数据库。系统对数据的读取,存储都是对该数据库进行操作。
  在Access 2003数据库中,所有的数据存储都是围绕表进行的,数据不会存储在数据库的其他位置。虽然可以有许多方法访问数据,但是它们全部来自表。可以说,表示一个数据库的灵魂。
  执行开始->程序->Mccrosoft Office -> Mccrosoft Office Access 2003(安装Mccrosoft Office 2003时,把Office Access 2003也打钩进行安装) ,执行文件->新建,在弹出窗口右边选择空数据库,文件名保持默认,单击按钮,从弹出窗口选择“使用设计器创建表”,填写相应的字段,具体如下表所示:

字段名称 数据类型 字段大小
ID 自动编号
姓名 文本 20
性别 文本 30
年龄 数字 10
录入时间 日期/时间
住址 文本 50

  完成字段名称等录入后,选择ID为主键,数据表名称保留默认“表1”,将其保存在“E:\我的网站”目录下完成数据库的建立。如图所示:
  
  四、Dreamweaver与数据库的连接(使用DSN连接数据库)
  如果打算在网络应用程序中使用数据库,就需要创建至少一个数据库连接。没有数据库连接的话,应用程序将不知道在什么地方找到数据库或者如何与数据库连接。在Dreamweaver MX 2004中创建数据库连接时,为应用程序提供了与数据库建立联系的信息或参数。
  1 DSN定义
  (1) 在控制面板中,双击管理工具,双击ODBC数据库源图标,出现ODBC数据源管理器窗口,选择系统DSN标记。
  (2) 单击“添加“,接着选择数据库驱动程序,本系统使用Access数据库,所以Microsoft Access Driver(*.mdb),单击“完成“按钮。
  (3) 出现ODBC Microsoft Access安装窗口,在数据源名一栏给连接取个名字conn,说明一栏不是必填项。
  (4) 单击窗口中“选择“按钮,找到数据库的所在路径(“E:\我的网站”)并选中相应数据库文件,选中db1.mdb,此时ODBC Access安装窗口中数据库一栏就会出现刚才选定的数据库文件,如图所示。
  
  2 DSN连接
  建立了数据库名(DSN)之后,就可以创建网络应用程序和数据库之间的ODBC连接,DSN被定义后,就能用它来调用各种参数了。
  (1) 启动Dreamweaver MX 2004,打开已经定义好的站点“我的网站”,在站点-我的网站窗口中点击鼠标右键,点新击建文件,文件名改为index.asp,双击文件index.asp使其处于编辑状态。
  (2) 单击“窗口”中的“数据库”,从“数据库”菜单中。在窗口中点击“+”,选择数据源名称,从弹出窗口“连接名称”一栏键入连接的名字conn;在数据源名称(DSN)一栏从下拉菜单中挑选数据库源名conn;Dreamweaver连接一栏选择使用本地DSN即可。如下图:
  
  五、制作显示数据库记录页
  (1)、双击index.asp文件,使其处于编辑状态,选择应用程序的“绑定”,点击“+”,à记录集(查询);在弹出的记录集窗口“名称”填写Rs,连接选择conn,表格选择“表1”,“列”选择全部,单击确定完成记录集的绑定。如下图;
  
  (2)、在index.asp编辑状态下,插入2行七列的表格,并使其居中,在上一行的七个空格中加入数据表中的内容标签,然后将记录集的各字段拖入下一行对应的空格中,在表格上方输入数据库总记录数X条、目前为第X条数据,并将记录集中的总记录数,第一条记录拖入对应的字中,并使其居中。如下图所示:
  
  (3)、选中第二行的全部表格,点击服务器行为,点击“+”选择重复区域,保持默认状态,点击确定完成重复显示区的设计。
  (4)、点击菜单“插入”,选择“应用程序对象”->记录集分页->记录集导航条,在弹出窗口(保持默认值)点击确定。如图所示:
  
相似回答