jquery - 如何使用CSS按钮在表单中发布方法?

标签 jquery html css

<分区>

我喜欢这篇文章 "How to create Skype-like buttons using jQuery"

但是评论列表已经关闭,所以我需要你们的帮助!

如何使用提交方法将这段代码制作成表单?

<a class="button" href="#"> 
<img src="*.png" alt="" />Add to cart</a>

这是我想要插入 css 按钮的表单示例:

<form action="http://ww6.aitsafe.com/cf/addmulti.cfm" name="mal" method="post">
<input type="hidden" name="userid" value="">
<input type="hidden" name="return" value="">    
<input type="hidden" name="nocart">
<input type="hidden" name="qty1" value="1">
<input type="hidden" name="product1" value="">
<input type="hidden" name="price1" value="150.00">

<input type=submit value="Add to Cart" onclick="alert('Added to cart\n\nThis page will refresh');">

更新……嘿嘿! :)

感谢 PCALCAO 提供链接 How best to make a link submit a form

在那里我发现 CHRIS 的回答非常有帮助,现在它正在工作...

正确答案:

<a class="button" href="#" onclick="document.mal.submit(); return false;"> 
<img src="*.png" alt="" />Add to cart</a>

:)

最佳答案

我不知道你想在那里做什么...但是!

这里是: http://www.w3schools.com/html/html_forms.asp

阅读本文,您将对表单和提交按钮有所了解。

当您弄清楚简单的 html 部分后,开始考虑 CSS 和 JQuery。

-编辑- 你真的应该重新阅读那篇文章! 对于初学者来说,它是:

<a class="button" href="#">
<img src="button.png" alt="" />Send info</a>
or <a href="#">cancel</a>

而不是:

<class="button" a href="#"> 
<img src="*.png" alt="" />Add to cart</a>    

“类”是 HTML 元素的一个属性,而不是一个元素本身。这里的元素是“a”( anchor )。

关于jquery - 如何使用CSS按钮在表单中发布方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7858080/

上一篇:javascript - Jquery 下拉菜单

下一篇:javascript - 在 MVC foreach 循环中使用 jquery 将 css 类添加到 div

相关文章:

javascript - 如何在 Angular 中替换 body 类 [ 最佳方法 ]

javascript - 使用 ajax 在 IFRAME 中加载页面

jQuery:在 WebKit(Chrome/Safari) 中使用带有 anchor 链接的 Append()

javascript - 未捕获的 TypeError : this. element.val 不是函数错误

javascript - 如何使用 CSS 和 JavaScript 创建可自定义的动态网格布局?

html - 内容在 div 后面滚动,它应该在里面

javascript - html partials 中的样式标签

html - 将 CSS 应用于单个单词

HTMLQuestion 中 JavaScript 无法正确读取

html - CSS 多列 div 格式问题