html 按钮的三种形式

简介: 第一种:form表单 中使用<button>提交表单<button class="btn btn-primary"><i class="fa fa-search"></i>商品搜索</button>第二种 <input type="submit"><input type="submit" class="btn 

第一种:form表单 中使用<button>提交表单

<button class="btn btn-primary"><i class="fa fa-search"></i>商品搜索</button>

第二种 <input type="submit">

<input type="submit" class="btn btn-primary" value="保存特价活动" onclick=" return checksave()">

第三种<a>标签

<a class="btn btn-primary" href="${ctx}/special/add.action"><i class="fa fa-plus"></i>新增活动</a>


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

目录
相关文章
HTML+VUE+element-ui通过点击不同按钮展现不同页面
HTML+VUE+element-ui通过点击不同按钮展现不同页面
精美按钮式广告代码HTML分享
精美按钮式广告代码HTML分享
374 4
|
前端开发
Twaver-HTML5基础学习(28)工具条(添加自定义按钮_自定义事件)
这篇文章介绍了如何在Twaver-HTML5中创建工具条,添加自定义按钮,并绑定自定义事件,包括放大、缩小、占满屏幕和重置画布大小的功能。
264 11
|
JavaScript 前端开发
HTML 表单和输入与按钮的联动方法汇总
在HTML中,通过JavaScript可以轻松实现表单与输入、按钮的互动。本文介绍了基本表单结构,并展示了如何用JS处理按钮点击、表单提交、动态禁用按钮、表单验证以及使用AJAX和jQuery简化代码等技巧,帮助你更好地控制和优化表单功能。
|
前端开发
css html 渐变按钮
css html 渐变按钮
110 0
|
前端开发
HTML按钮边框旋转效果
HTML按钮边框旋转效果
216 1
|
前端开发
HTML + CSS各种好看按钮组件
HTML + CSS各种好看按钮组件
191 0
|
前端开发 Linux 程序员
「HTML+CSS」--自定义按钮样式【004】
「HTML+CSS」--自定义按钮样式【004】
679 0
「HTML+CSS」--自定义按钮样式【004】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义按钮样式【002】
「HTML+CSS」--自定义按钮样式【002】
296 0
「HTML+CSS」--自定义按钮样式【002】
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
982 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案