页面上画按钮的四种方法

简介: 在一个页面上画一个按钮,有四种办法:<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

目录
相关文章
|
小程序 前端开发 JavaScript
小程序点击按钮出现和隐藏遮罩层
小程序点击按钮出现和隐藏遮罩层
239 0
|
2月前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
80 11
点击添加按钮弹框动态添加内容并且拼接在页面
点击添加按钮弹框动态添加内容并且拼接在页面
43 0
点击按钮,新增输入框,再点击按钮,删除输入框
点击按钮,新增输入框,再点击按钮,删除输入框
64 0
|
小程序 开发者
小程序中点击按钮跳转另外一个小程序
小程序中点击按钮跳转另外一个小程序
336 0
|
前端开发
添加按钮的两种方式
添加按钮的两种方式
96 0
|
XML 数据格式
AS中按钮不显示问题
AS中按钮不显示问题
|
开发工具 iOS开发 git
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
228 0
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
|
移动开发
解决H5点击输入框页面缩放
解决H5点击输入框页面缩放
129 0
|
Android开发
fab按钮
牙叔教程 简单易懂
126 0