表单元素input 、button 、submit 、submit ()、onsubmit ()
详解
总分总作文
表单元素input 、button 、submit 、submit()、onsubmit()详解
This entry was posted in on by .在提交表单数据时会⽤到input 、button 、submit 、submit()、onsubmit()等元素,下⾯就这⼏个元素之间的联系与不同做⼀下解释:type=”button”和type=”submit”区别
input 作为按钮来使⽤,其type 属性值可为button 、submit ,其中“button”只是单纯的定义了⼀个按钮,
⽽“submit”是定义了⼀个提交按钮,即把表单数据action 给URL 。并且使⽤了“submit”的input ⽀持键盘的enter 键,这提⾼了页⾯的易⽤性,默认enter 键对页⾯出现的第⼀个submit 进⾏操作。
type=”button”实现type=”submit”功能
山行的诗意
功能详解
A 点击(回车)时,⾸先触发onsubmit 事件,然后执⾏函数abc(),根据函数abc()内容判断是否提交表单数据(⽆onsubmit 时直接提交)
B 、
C 点击时直接提交表单数据,不会出发onsubmit 函数
优异成绩
D 点击时触发onsubmit 函数,不会提交表单数据(解决:可以在函数abc 中调form 的submit()⽅法来提交)
01.02.03.
民主评议党员比例
04.05.
06.07.表示天气的成语>cad坐标标注
长裤英语
08.09.
皮肤的作用
10.11.<form action ="" method ="" onsubmit ="return abc();"> <span style ="text-decoration: underline;">A</span >:<input type ="submit" name ="" value ="提交"><!--提交表单数据--> <span style ="text-decoration: underline;">B</span >:<input type ="button" name ="" value ="提交" onClick ="submit()"><!--点击时触发onClick 事件,然后激活此form 的submit()⽅法--> <span style ="text-decoration: underline;">C</span >:<input type ="button" name ="" value ="提交" onClick ="this.form.
submit()"><!--点击时触发onClick 事件,然后激活此form 的submit()⽅法--> <span style ="text-decoration: underline;">D</span >:<input type ="button" name ="" value ="提交" onClick ="submit()"><!--点击时触发onClick 事件,然后激活此form 的onsubmit()⽅法--> <span style ="text-decoration: underline;">E</span >:<input type ="button" name ="" value ="提交" onClick ="onsubmit()"><!--⽆效-->