HTML 表单提交 的简单代码

如题所述

1、打开Dreamweaver 编辑器,准备好一个空白的html文件,写入基本的html结构:

2、创建表单,演示中表单中设置年龄和姓名两个属性,然后创建提交按钮:

3、上方设置script标签,在里面创建js函数,函数内容为获取表单提交

3、接着打开浏览器预览效果,在表单内填入内容点击提交:

4、点击提交后,js就会把数据提交到指定位置了。以上就是HTML提交表单的操作:

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-05-30

1、打开sublime text 3 编辑器,新建一个html文件,写上html的头部:

2、写上form表单的外壳,为form这个标签添加属性,其中method属性是提交方式,action是提交:

3、接着开始写表单的具体内容,这里有三个输入框,分别代表了昵称、邮箱、电话号码:

4、最后写提交框,这里的将type属性设置为submit,意思是提交,至此一个简单的表单提交就写好了。以上就是HTML 表单提交的演示:

本回答被网友采纳
第2个回答  推荐于2019-11-06

<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>

本回答被网友采纳
第3个回答  推荐于2017-11-25
<form action="check.php" method="post">
用户名:<input type="text" name="user">
密码:<input type="password" name="pw">
<input type="submit" value="提交">
</form>本回答被网友采纳
第4个回答  2012-03-24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>form</title>
</head>

<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<p>
<label>
<input type="text" name="textfield" id="textfield" />
</label>
</p>
<p>
<label>
<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
</label>
</p>
<p>
<label>
<input type="submit" name="button" id="button" value="提交" />
</label>
</p>
<p>
<label>
<input type="file" name="fileField" id="fileField" />
</label>
</p>
<p>
<label>
<input type="radio" name="radio" id="radio" value="radio" />
</label>
</p>
<p>
<label>
<input type="checkbox" name="checkbox" id="checkbox" />
</label>
</p>
<p>
<input type="hidden" name="hiddenField" id="hiddenField" />
</p>
</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提交。

相似回答