提交按钮
在表单中有两种按钮可以使用,分别为:提交按钮、重置。这一小节讲解提交按钮:当用户需要提交表单信息到服务器时,需要用到 提交按钮 。
语法 :
type :只有当type值设置为submit时,按钮才有提交作用
value : 按钮上显示的文字
举例 :
在浏览器中显示的结果:
表单元素之提交按钮
表单元素的按钮类型我们可以分为三种:
提交和重置按钮只能在表单中使用,普通按钮则可以在网页的任何地方都可以使用。
当submit按钮被单击时,按钮所在表单中的数据将自动提交到服务器,并不需要编写任何脚本。
ret按钮被单击时,按钮所在的表单中的所有元素都将被清空,或者是设置为元素的默认值。(页面第一次加载时元素所具有的值)
动手小练习
html中提交按钮和重置按钮代码,要怎么输入?
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<body>标签中,输入html代码:<input type="submit" /><input type="ret" />。
3、浏览器运行index.html页面,此时成功实现了提交按钮和重置按钮。
在HTML5中button和submit有什么分别?
button-普通按钮,submit-提交按钮;
submit按钮一般出现在网页上需要提交信息到服务器是才使用,
考页面编辑人员决定,例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,
一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。
Sumit提交表单,Button需要绑定事件才可以用提交数据
不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。。
submit需要有表单时,提交时才会带数据。而button默认是不提交任何数据。那么它们的区别就出来了,如果没有表单的话,又想通过提交某些数据给后台进行回应,则需要通过button,当然使用submit也可以,但是前提要拦截onclick事件。当有表单的时候,如果提交的数据很多,那么使用submit比button要好,可以减少很多数据的获取动作。在很多情况下,提交数据是要使用JS进行校验的,但如果这时候用户禁用了JS,那么校验就失效了,如果后台也没有进行校验,那么不合法的数据就进入后台了。通常的做法是通过button提交数据,那么如果用户禁用JS
,那么数据提交动作就激活不了,
这样能够保证提交到后台的数据是经过前台校验的。
Sumit提交表单,Button需要绑定事件才可以用提交数据
不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。
HTML提交按钮的问题
<!-- method代表接受方式 post/get
form action 属性规定当提交表单时,向何处发送表单数据。 -->
<form action="#" method="post"/>
<!--label复选框的光标方便用户选中,可加可不加。 -->
<label for="ur">名字:</label><input type = "text" id="ur" name="ur" size="15" value="请写上你的用户名" maxlength="15"/></br>
<label for="title">标题:</label><input type = "text" id="title" name="title" size="25" value="请输入标题" maxlength="25"/></br>
<label for="content">内容:</label></br><textarea id="content" name="content" rows="9" cols="35" value="plea" wrap="off"/></textarea></br>
<input type="submit" id="submit" name="submit" value="发布" />
<input type="submit" value="提交" style="width:80px;height:100px;color:red; background-color:#3FF">