最常见的就是type="submit"的按钮触发form的onsubmit事件。
<scripttype="text/javascript">function validateForm(){
if(document.reply.title.value== ""){ //通过form名来获取form
alert("pleaseinput the title!")
document.reply.title.focus()
returnfalse
}
if(document.forms[0].cont.value== ""){ //通过forms数组获取form
alert("pleaseinput the content!")
document.reply.cont.focus()
returnfalse
}
returntrue
}
<formname="reply" method="post" onsubmit="returnvalidateForm( )">
<input type="text"name="title" size="80" /><br />
<textarea name="cont"cols="80" rows="12"></textarea><br />
<input type="submit"value="提交" >
</form>
type=button 单纯是按钮功能;type=submit 是发送表单;
Sumit提交表单,Button需要绑定事件才可以用提交数据不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。。
在一个页面上画一个按钮,有四种办法:
<input type="button" />这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。
<input type="submit" />这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。
<button>这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容。(当然,前两个用图片背景也可以做到)。它的缺点是不同的浏览器得到的 value 值不同;可能还有其他的浏览器兼容问题(葛亮)。
其他标签,例如 a, img, span, div,然后用图片把它伪装成一个按钮。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)