博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
type=button和type=submit
阅读量:4312 次
发布时间:2019-06-06

本文共 815 字,大约阅读时间需要 2 分钟。

 

 
type=button      就单纯是按钮功能   
type=submit      是发送表单
但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.

用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。

 

 

 

<input type="submit" name="b1" value="提交"     onClick="bt_submit_onclick()">

执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。

 

<input type="button" name="b1" value="提交"     onClick="bt_submit_onclick()">

执行完onClick,跳转文件在 js文件里控制。提交需要onClick。

 

 

比如:

1,οnclick="form1.action='a.jsp';form1.submit();"     这样就实现了submit的功能了。

 

2,<form    name="form1"    method="post"    action="http://www.sina.com.cn">   

       <input    type="button"    name="Button"    value="Button"   onClick="submit()">   
   </form>

 

3,<input    type="button"    name="Button"    value="Button"   onClick="javascript:windows.location.href="你的url"">

转载于:https://www.cnblogs.com/xianc/p/7803370.html

你可能感兴趣的文章
HTTPS
查看>>
git add . git add -u git add -A区别
查看>>
apache下虚拟域名配置
查看>>
session和cookie区别与联系
查看>>
PHP 实现笛卡尔积
查看>>
Laravel中的$loop
查看>>
CentOS7 重置root密码
查看>>
Centos安装Python3
查看>>
PHP批量插入
查看>>
laravel连接sql server 2008
查看>>
Laravel框架学习笔记之任务调度(定时任务)
查看>>
laravel 定时任务秒级执行
查看>>
浅析 Laravel 官方文档推荐的 Nginx 配置
查看>>
Swagger在Laravel项目中的使用
查看>>
Laravel 的生命周期
查看>>
CentOS Docker 安装
查看>>
Nginx
查看>>
Navicat远程连接云主机数据库
查看>>
Nginx配置文件nginx.conf中文详解(总结)
查看>>
MySQL innert join、left join、right join等理解
查看>>