<a href>代替</a> <a href><input submit></a> <a href>按鍵</a>

Question

我原來有一個提交按鈕。

<input class="submit" type="submit" class="input" value="Add" name="command" />

但現在我想用<a href>代替。 問題是， value="Add"非常重要。

我正在制作像這樣的<a href> 。

<a href="javascript:document.register.submit();">submit</a>

有什么建議么？ 問題是，該網站沒有發現這個特定的<a href>被點擊，因此不會運行我的PHP代碼。

Answer 1

正如佩卡建議：不要這樣做。 這將使您的表單不必要地依賴於JavaScript！

最好的辦法是使用CSS來設置按鈕的樣式，使其看起來像一個鏈接：

input.submit {
  margin: 0;
  padding: 0;
  border: none;
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}

Answer 2

在javascript中添加一個隱藏字段和一個額外的行：

<input type="hidden" name="command" />
<a href="javascript: document.register.command.value='Add'; document.register.submit();">
    Submit
</a>

也就是說，您可能最好使用CSS來設置提交按鈕的樣式以查看您希望的樣式。

Answer 3

首先，我強烈推薦jquery。 使用javascript時，它會讓世界變得與眾不同，並簡化了許多問題，特別是跨越不同的瀏覽器。

我建議你創建一個隱藏的輸入來設置值。

<script type="text/javascript">
function submitFormWithValue(val){
  document.getElementById('command').value = val;
  document.forms["test"].submit();
}
</script>

<form id="test" name="test" action="#" method="post">
<input type="hidden" name="command" value="" />
</form>

<a href="javascript:submitFormWithValue('foo')">Submit</a>

我沒有測試我的代碼，但它應該足夠接近，看看它是如何工作的。 再次查看jquery它將使處理javascript更容易！