利用javascript:void(0)制作假的提交按钮替代button
来源:互联网 发布:java webservice 调试 编辑:程序博客网 时间:2024/06/05 06:13
在写html页面,我们很自然的在表单提交的地方采用button来作为提交按钮,但是,用<button type=”button”>按钮</button>作为提交代码会有个问题,就是设置样式在不同浏览器可能会显示不同的样子,例如,下面的代码在不同浏览器就会有不同的效果:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title></title></head><body><button type="button">自带button按键</button></body></html>
谷歌浏览器环境打开:
,鼠标移动到button,还是差不多的界面,没有变色
ie6浏览器打开:
,鼠标移动到button,颜色变了!
火狐浏览器打开:
鼠标移动到button
颜色也变了,但是颜色跟ie6下的不太一样,颜色更浅一点。
所以,html中button在不同浏览器下的显示效果是不同的,为了改变这个问题,我们用javascript:void(0)制作假的按键button。
基本思路:
用a标签做个按钮,制作按钮显示效果,当用户点击按钮,用ajax提交表单就可以。我这里就只做一个按钮。
具体代码就是下面这样:
<a href="javascript:void(0);" >提交</a>
剩下的工作就是制作你要的样式,随便做成什么样子都不会因为浏览器兼容导致样式不一样。
本人博客地址:利用javascript:void(0)制作假的提交按钮替代button
阅读全文
0 0
- 利用javascript:void(0)制作假的提交按钮替代button
- 利用继承制作防止重复提交按钮
- javascript button 提交
- submit 和button两种按钮的提交
- button按钮点击表单自动提交的问题
- 关于前端BUTTON按钮提交ajax的问题
- javascript:void(0)的问题
- javascript void(0)的用法
- javascript void(0)的妙用
- Javascript:void(0)的运用
- javascript:void(0); 的作用
- javascript:void(0)的问题
- javascript:void(0)的问题
- javascript:void(0)的问题
- javascript:void(0)的问题
- javascript:void(0)的问题
- javascript:void(0)的作用
- javascript:void(0)的问题
- Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变
- 访问页面时queueing为5秒的问题
- 单例模式的理解
- js判断浏览器类型
- Android按键分发流程之java层按键传递
- 利用javascript:void(0)制作假的提交按钮替代button
- 分布式存储系统简介
- 【UEditor】 第一次正常,第二次渲染失败(无法正常加载)问题
- XML教程05_元素
- 【POJ2154】Color-Polya定理+欧拉函数
- HTTP 状态码
- JEESZ分布式架构1--CentOs下安装jdk7(环境准备)
- 关于 spring aop (aspectj) 你该知晓的一切
- QT环境下实现UI界面的“拼图游戏”