1

我最初有一个这样的提交按钮

<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）我如何得到它来替换我早期的提交按钮？

4

4 回答 4

8

将按钮制作成文本链接是简单的 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;
}
于 2009-10-02T13:08:07.580 回答
3

对于初学者，您需要为您的表单指定一个与 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% 确定这个表单的用途，因为它似乎没有提交任何内容，您不想使用文本输入以便用户搜索某些内容吗？

于 2009-10-02T13:18:43.447 回答
0

如果你想要一个图像作为提交按钮？为什么不使用按钮元素

<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

于 2009-10-02T13:03:14.693 回答
0

只是出于好奇，没有启用 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

于 2009-10-02T14:08:48.757 回答