页面上画按钮的四种方法

简介: 在一个页面上画一个按钮,有四种办法:<input type="button" /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。<input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。<button> 这个按钮放在 form 中也会点击自动提交

在一个页面上画一个按钮,有四种办法:

  • <input type="button" /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。

  • <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。

  • <button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容。(当然,前两个用图片背景也可以做到)。它的缺点是不同的浏览器得到的 value 值不同;可能还有其他的浏览器兼容问题(葛亮)。

  • 其他标签,例如 a, img, span, div,然后用图片把它伪装成一个按钮。


本文出自 “点滴积累” 博客,请务必保留此出处http://tianxingzhe.blog.51cto.com/3390077/1674098

目录
相关文章
|
5月前
|
小程序 前端开发 JavaScript
小程序点击按钮出现和隐藏遮罩层
小程序点击按钮出现和隐藏遮罩层
155 0
|
8月前
Fastadmin后台页面添加顶部按钮
操作的前提是需要在fastadmin框架中添加对应的控制器、模型、视图页面,可以手动创建,也可以使用curd一键生成。
126 0
不使用a标签,实现点击跳转到其他页面的代码
不使用a标签,实现点击跳转到其他页面的代码
|
5月前
点击添加按钮弹框动态添加内容并且拼接在页面
点击添加按钮弹框动态添加内容并且拼接在页面
19 0
|
5月前
点击按钮,新增输入框,再点击按钮,删除输入框
点击按钮,新增输入框,再点击按钮,删除输入框
26 0
|
5月前
|
存储 前端开发
ajax实现简单的点击左侧菜单,右侧加载不同网页
ajax实现简单的点击左侧菜单,右侧加载不同网页
44 0
|
8月前
|
前端开发
添加按钮的两种方式
添加按钮的两种方式
43 0
|
8月前
|
JavaScript 前端开发
右下角点击页面回顶部组件
右下角点击页面回顶部组件
41 1
右下角点击页面回顶部组件
|
10月前
|
JavaScript
如何在bootAdmin-ui中新建顶部菜单及页面跳转
如何在bootAdmin-ui中新建顶部菜单及页面跳转
28 0
|
开发工具 iOS开发 git
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
170 0
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应