輸入類型提交Div元素後

我已經使用輸入類型提交，但現在我想將其更改爲按鈕樣式。爲此，我已經使用下面的代碼：輸入類型提交Div元素後

<div class="cartbutton"> 
    <input type="submit" name="shortname" value="product1" class="add_to_cart" /> 
    <div class="buttoninner"> 
      <div class="buttontext">Add to Cart</div><div class="cartimage"></div> 
    </div> 
</div>

我已定位在所述輸入型的buttoninner div元素使用以下CSS提交：

.cartbutton { 
    position: relative; 
    width: 178px; 
} 

.add_to_cart { 
    background: none repeat scroll 0 0 transparent; 
    border: 0 none; 
    cursor: pointer; 
    height: 38px; 
    opacity: 0; 
    width: 177px; 
    z-index: 2; 
} 

.buttontext { 
    background-color: #333333; 
    border: 0 none; 
    color: white; 
    cursor: pointer; 
    float: left; 
    font-family: "Segoe UI",helvetica,arial,sans-serif; 
    font-size: 20px; 
    padding: 5px 20px; 
} 
.cartimage { 
    background-color: #F7941D; 
    background-image: url("/Content/en-US/Sales/Images/small_cart.png"); 
    background-position: 5px 50%; 
    background-repeat: no-repeat; 
    float: left; 
    height: 38px; 
    width: 40px; 
} 
.buttoninner { 
    position: absolute; 
    top: 0; 
    z-index: 1; 
}

不幸的是，該按鈕後不工作。我怎樣才能激活div元素後面的提交按鈕？

來源

2012-04-30 Karthik

好吧，原因似乎是因爲您的按鈕並未實際點擊，因爲您已覆蓋div。你可以做的只是給你的div一個onclick事件，並通過它處理提交操作。你會不會在這種情況下

來源

2012-04-30 06:26:37 Kshitij

why are you using div you can use 
<input type="image" src="image path"> 
    it also works like submit

來源

2012-04-30 06:28:06

我認爲它最簡單的方法 – 2012-04-30 06:30:02

div，因爲我想用圖像的文字。如果我們單擊這兩個圖像和文本，表格提交需要觸發 – Karthik

看到我的單擊事件另一種答案會幫助ü – 2012-04-30 06:58:19

<div class="cartbutton" > 
<input type="submit" name="shortname" value="product1" class="add_to_cart" /> 
<div class="buttoninner"> 
<div class="buttontext">Add to Cart</div><div class="cartimage"></div> 
</div> 
</div> 

<script type="text/javascript"> 
$('.cartbutton').click(function(){ 
$('#formid').submit(); 
    }); 
    </script> 
use jquery

來源

2012-04-30 06:35:04

可以用PHP回聲的任何地方創建一個按鈕或打印需要一個單獨的提交按鈕。 Css類可以根據需要進行修改。

print "<div class='links' id='edit-submit'><input type='button' class='form-submit' value='Signup to Invitation' onClick=\"location.href='?q=rsvp/".$rsvp->rid."/register';\" \></div>";

來源

2012-10-08 13:28:10 danishykj

輸入類型提交Div元素後

回答

相關問題