Question

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

但是评论列表已经关闭，所以我需要你的帮助！

如何使用submit方法将此代码转换为表单？

<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>

：）

Answer 1

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

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

阅读本文，您将学习一些表格和提交按钮。

当你想出简单的html部分时，开始考虑CSS和JQuery。

CNC中你应该重新阅读那篇文章！首先，它是：

<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>

“class”是HTML元素的属性，而不是单独的元素。这里的元素是“a”（锚）。

Answer 2

我没有让你正确，但如果你想将图像设置为提交按钮背景，则将css修改为：

.button input[type="submit"]
    {
        background:url(*.png);
        color:#fff;
        width:80px;
    }

并且html表单将是：

<div class="button">
<input type="submit" value="SUBMIT" />
</div>

Answer 3

我不知道你的代码是什么意思。我想你应该看一下HTML表格。演示代码：

<form method="get" action="post.php">
<input type="text" name="text">
<input type="submit" name="submit" value="Submit!">
</form>

Answer 4

如果要在sbmit按钮上应用css，请尝试以下jquery代码：

function setCss()
{
$(document).ready (function() {

$(":input[type=submit]" ).addClass("bigbutton");
 });
}

setCss();

使用以下样式按钮：

.button{
         border:0;
     background:url(images/yourimage.gif);
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:12px;
     text-align:center;
     color:#FFFFFF;
     cursor:pointer;
     height:22px;
     width:80px;
     }

它适用于所有浏览器。

如果你想要动画，那么使用jquery函数在悬停时更改图像/样式：

$( ":input[type=submit]" ).css( {"background": 'no-repeat url("'+baseurl+'/public/images/blue_btn1.gif")', "color": "#ffffff","width":"80px","height":"25px", "font-weight": "bold","font-family":"Verdana, Arial, Helvetica, sans-serif","font-size":"12px","background":"none","border":"0"} );

Answer 5

感谢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>

如何使用css按钮在表单中发布方法？

5 个答案: