鏈接按鈕與網址中的數據

我想使按鈕鏈接到另一頁。此外，我想在網址中包含一些數據。 onclick方法的工作原理，但我試圖做到沒有JavaScript。表單提交方法幾乎可行，但不會發送數據（id1和id2）。有什麼建議麼？最好使用JavaScript嗎？謝謝鏈接按鈕與網址中的數據

<input type="button" value="Clickable Button - onclick" onclick="window.location.href='http://www.google.com?id1=123&amp;id2=345'" /> 

<form action="http://www.google.com?id1=123&amp;id2=345"><input type="submit" value="Clickable Button - Submit" /></form>

來源

2012-05-11 user1032531

你能不能在鏈接中建立URI字符串？該用戶是否提交了數據？ 'click me' – rlemon

你需要一些hidden字段添加到您的<form>：

<form action="http://www.google.com"> 
    <input type="hidden" name="id1" value="123" /> 
    <input type="hidden" name="id2" value="345" /> 
    <input type="submit" value="Clickable Button - Submit" /> 
</form>

來源

2012-05-11 12:16:05 antyrat

使用

GET是缺省方法iirc的FORMS。 – rlemon

這可能不是真的，取決於第三方框架/ taglibs，或者某些瀏覽器。例如Struts的默認方法是post。如果用戶想確保他們的網址必須以特定格式形成，他們可能需要檢查。如果沒有使用預期的方法發送請求，一些服務器可能會忽略請求。 – pXel

下面是一個非JS的解決方案：

<form method="get" action="http://www.google.com"> 
    <input type="hidden" name="id1" value="123" /> 
    <input type="hidden" name="id2" value="345" /> 
    <input type="submit" value="Clickable Button - Submit" /> 
</form>

來源

2012-05-11 12:17:53 gopi1410

如何使用Javascript更好？對此使用Javascript實際上只會將您的網站限制爲支持JS的瀏覽器。如果在HTML中使用本地方式，則不推薦使用Javascript。 – rlemon

ohk，我的不好，我通常更喜歡js，所以沒有注意到它的缺點.. – gopi1410

這是一個很小的百分比......但網站應該懇求漸進式增強，不要限制他們的觀衆，不允許事情發揮作用。第一;使其無需js/css功能，接下來;使它看起來* bauce *與CSS和js增強。 – rlemon

<form action="http://www.google.com"> 
<input type="submit" value="Clickable Button - Submit" /> 
<input type="hidden" name="id1" value="123" /> 
<input type="hidden" name="id2" value="345" /> 
</form>

一個更好的選擇，雖然，就是使用普通鏈接並使用CSS來設置它的樣式，如果需要的話，它看起來像一個按鈕。 Links Want To Be Links。

來源

2012-05-11 12:18:59

鏈接按鈕與網址中的數據

回答

相關問題