網頁中的PHP提交按鈕

Question

我原來有一個這樣的提交按鈕

<form action="<?php $self ?>" method="post" >
    <input name="search" type="hidden" >
    <INPUT TYPE = "Submit" Name = "Submit1" VALUE = "search">
</form>

它使這句話成真

if(isset($_POST['Search'])){}

一時間一切都很好，然后我使我的提交按鈕成為圖像

<form action="<?php $self ?>" method="post" >
    <input name="Search" type="hidden" />
    <INPUT value="Search" TYPE="image" SRC="search.jpg" BORDER="0"  ALT="Search">
</form>

直到我想將這個按鈕變成文本鏈接，所有的時間都還不錯。

我在互聯網上看了看很多東西，我知道它無法用html完成，但是需要使用Java腳本。.所以我嘗試使用此代碼，但它不再使我的陳述成真。

這是我發現的javascript提交按鈕

<a href='javaScript:document.FORM_NAME.submit()'>Submit</a>

我對向導的兩個問題是：1）我將提交值放在哪里？ 2）我如何獲取它來替換我較早的提交按鈕？

Answer 1

將按鈕變成文本鏈接是簡單的CSS。

<input type="submit" id="submit" value="submit" class="submitbutton" />

CSS：

input.submitbutton{
margin: 0;
border: none;
background-color: transparent;
padding: 0;
}
/* Make sure the hover has the same element properties as the first, obviously changing the font colour on hover is something acceptable */
input.submitbutton:hover{
margin: 0;
border: none;
background-color: transparent;
padding: 0;
}

Answer 2

對於初學者，您需要為表單指定一個與Javascript鏈接中的名稱相對應的名稱（在本例中為FORM_NAME ）：

<form name="FORM_NAME" action="<?php $self ?>" method="post" >
  <input name="search" type="hidden" />
  <a href='javaScript:document.FORM_NAME.submit()'>Submit</a>
</form>

然后，在檢查表單的頁面上，您需要檢查$_POST['search'] ，它來自input 。 我認為大小寫無關緊要，但是總要使用相同的字符串進行檢查是有意義的。

我不確定該表單的用途是什么，因為它似乎沒有提交任何內容，因此我不是100％知道嗎？您是否不想使用文本輸入，以便用戶可以搜索內容？

Answer 3

如果要將圖像用作提交按鈕？ 為什么不使用按鈕元素

<button name="search" value="search" type="submit">
    Send<img src="/icons/wow.gif" alt="wow" /></button>

參見： http : //www.w3.org/TR/html401/interact/forms.html#h-17.5

Answer 4

出於好奇，未啟用JavaScript的用戶將如何提交表單？

如何使用CSS設置提交輸入的樣式，使其看起來像文本而不是按鈕？

此處的示例： http : //cssm.wordpress.com/2006/10/01/how-do-i-make-a-submit-button-look-like-text/ http://forums.digitalpoint.com/showthread .php？t = 403667