html submit 提交怎么用?

html submit 提交怎么用?,第1张

最常见的就是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,然后用图片把它伪装成一个按钮。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7423998.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存