html提交鏈接

我想創建一個提交鏈接而不是提交按鈕。html提交鏈接

它看起來像任何普通的鏈接（藍色和下劃線），當你點擊它，表單被提交。

編輯：是否有可能做到這一點沒有JavaScript/jQuery的？

沒有JS，只有CSS

<input type="submit" value="ABC" style="background:none; border-width:0px; color:blue; text-decoration:underline;" />

2011-04-18 16:18:46 Howard

幾乎完美...我建議添加光標：指針，像這樣：style =「background：none; border-width：0px; color：blue; text-decoration：underline; cursor：pointer;」 – werner 2013-12-13 19:10:39

jQuery的可以做到這一點很容易不夠：

$('.submit-link').click(function(){ 
    $('#form-id').submit(); 
});

2011-04-18 15:48:36

我們可以做到這一點沒有任何的jQuery/JavaScript的 – SuperString 2011-04-18 15:49:04

呦你可以通過刪除填充，邊距，邊框等來設置你的' submit「/>'看起來像一個鏈接，但我不這麼認爲，否則。不過，有人可能會說我是對的。 – 2011-04-18 15:50:09

爲什麼加載整個框架，只是爲了提交表單？ – 2011-04-18 15:53:34

您可以用JavaScript做到這一點：

<a href="#" onclick="document.formName.submit();return false;">submit form</a>

編輯：

本頁面：

已風格的按鈕，看起來像一個鏈接，但它仍然使用Javascript功能來實現它。

2011-04-18 15:49:22

我們可以做到沒有js嗎？ – SuperString 2011-04-18 15:49:44

-1

你可以簡單地通過使用jquery來實現這一點！

只要做下面的代碼---

$('.your-sumbmit-link').click(function (e) { 
    e.preventDefault(); 
    $('.your-form').submit(); 
});

希望這有助於！

2011-04-18 15:50:27

爲什麼加載整個框架只是爲了提交表單？ – 2011-04-18 15:51:42

你也可以這樣做。但爲了簡單起見，使用Jquery。 – 2011-04-18 15:52:52

Jquery是另一個讓事情變得更加複雜的層，例如提交表單 – 2011-04-18 15:54:23

您可以將按鈕設置爲鏈接樣式。即

<input type="submit" value="submit" style="cursor: pointer; background-color: transparent; text-decoration: underline; border: 0; color: blue;" />

我會做一個樣式表，而不是內聯樣式，但你得到的圖片。

2011-04-18 15:54:58

當然！

HTML：

<form> 
    <input type="text" placeholder="name" /> 
    <button type="submit">Submit</button> 
</form>

CSS：

button { 
    background: none; 
    border: none; 
    color: blue; text-decoration: underline; 
    cursor: pointer; 
}

2011-04-18 15:54:59 Shaz

回答