1、打开Dreamweaver 编辑器,准备好一个空白的html文件,写入基本的html结构:
2、创建表单,演示中表单中设置年龄和姓名两个属性,然后创建提交按钮:
3、上方设置script标签,在里面创建js函数,函数内容为获取表单提交
3、接着打开浏览器预览效果,在表单内填入内容点击提交:
4、点击提交后,js就会把数据提交到指定位置了。以上就是HTML提交表单的操作:
<form action="check.php" method="post">
用户名:<input type="text" name="user">
密码:<input type="password" name="pw">
<input type="submit" value="提交">
</form>
上面就是一个简单的form表单的简单代码,
method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面)。
表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送。
扩展资料:
其他方法html中的表单提交:
<html>
<head>
<script type="text/javascript">
function formSubmit( )
{
document.getElementById("myForm").submit( )
}
</script>
</head>
<body>
<form id="myForm" action="js_form_action.asp" method="get">
Firstname: <input type="text" name="firstname" size="20"><br />
Lastname: <input type="text" name="lastname" size="20"><br />
<br />
<input type="button" onclick="formSubmit()" value="Submit">
</form>
</body>
</html>
本回答被网友采纳html表单的几种提交方式总结
复制代码 代码如下:<form name=”form” method=”post” action=”# "> <input type=”image” name=”submit” src=”btnSubmit.jpg”> <\/form>第三种是使用链接来提交表单,用到了javascript的DOM模型:复制代码 代码如下:<form name=”form” method=”post” action=”#”> <a href=”j...
HTML网页表单提交怎么做
在本示例中,通过JavaScript代码实现了表单提交功能,使用`document.forms[0].submit();`来提交表单,并根据提交结果返回相应的响应信息。如果提交成功,页面将显示“邮件发送成功”,否则显示“邮件发送失败”。这展示了如何在HTML中结合JavaScript实现表单提交与反馈的完整流程。
HTML表单介绍
HTML表单(Form)是HTML的一个重要部分,主要用于采集和提交用户输入的信息。举个简单的例子,一个让用户输入姓名的HTML表单(Form)。示例代码如下:form action="请输入你的姓名:input type="text" name="yourname"input type="submit" value="提交"\/form学习HTML表单(Form)最关键要掌握的有三个要点:...
HTML 表单提交 的简单代码
1、打开Dreamweaver 编辑器,准备好一个空白的html文件,写入基本的html结构:2、创建表单,演示中表单中设置年龄和姓名两个属性,然后创建提交按钮:3、上方设置script标签,在里面创建js函数,函数内容为获取表单提交 3、接着打开浏览器预览效果,在表单内填入内容点击提交:4、点击提交后,js就会把数据提...
在HTML中,建立一个提交表单页面,提交后可以直接在数据库看见。_百度...
在HTML中,建立一个提交表单页面,提交后可以直接在数据库看见的方法。如下参考:1.首先,打开HTML编辑器,创建一个新的HTML文件,如索引。html,并介绍jquery。2.在index.html中的<script>标签,输入jquery代码:('button').click(function(){ ('body').append('<span>正在上传中专<\/span>');set...
HTML,如何按回车提交表单?
当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(<button>按钮默认的type为submit)当type="button"时,且存在多个输入框,回车不提交。(button)解决方案:1.解决单个输入框的回车即提交问题,可以增加一个隐藏的input="text"display='none';然后type类型为button。2.在form表...
如何通过HTML提交数据给JSP
1.html表单提交:<form action="login_conf.jsp" method="post(或get)"> <!--可以在里面添加按扭、文本框,其提交内容为文本框里的输入内容--> <inout type="text" name="username" value=""> <input type="password" name="userpasswd"> <\/form> login_conf.jsp部分代码:〈String usr...
将一个html中的文本表单提交保存到另一个html上
<input name="save" type="submit" value="提交" \/> <\/form> <\/body> <\/html> --- 2.html 代码 <html> <head> <meta http-equiv="Content-Type" content="text\/html; charset=gbk" \/> <\/head> <body> 例如:<a id="a1" href="【这里就是链接1所填写的内容】">菜单1<\/a> <...
学习html制作网页:表单试题及代码
HTML中的表单大多数用form表单来收集用户的数据,将用户填写的数据通过get或者post的方式传递出去,下面简单介绍form表单中的几种常见的标签 1、新建一个HTML文件,命名为myExam.html 2、演示的标签有输入文本,对应的标签是type=text,代码实例,页面效果如下 3、下一个常用的标签,单选功能,radio,对应...
HTML,如何按回车提交表单
把那个button的类型改为submit就行了。<input type=submit value="提交" \/> 不过如果你要用jquery提交的话,那就先在响应动作事件的函数内把默认事件停止(e.stop())然后再用ajax提交。