2010-08-27 93 views
5

我是PHP新手,但想知道如何做到这一点。如何使用textlink POST方法提交表单

我想提交一个HTML表单到另一个PHP页面,但我不想使用丑陋的按钮。我想使用一个链接。

事情是,我看到很多使用Java Script/Jquery等解决这个问题的解决方案,有谁知道如何用PHP代码和HTML做到这一点?

+0

PHP是服务器端的,所以无论你尝试了多少,都不可能做到。不过,HTML可以做到这一点,但不幸的是,它不会,所以你必须坚持至少一些小的JavaScript编码(参见Sarfraz的答案) – Frxstrem 2010-08-27 15:28:03

+1

或者你可以尝试使用CSS来设置你的提交按钮的样式。 – opatut 2010-08-27 15:32:53

回答

8

要么使用<input type="submit">和风格它像CSS的链接,或者创建拥有的onclick一个链接:

<a href="#" onclick="document.forms['name_of_your_form'].submit();">Lol Rofl</a> 

如果你想确保它正常工作时,JS是禁用,添加如下内容:

<noscript> 
    <input type="submit" ... /> 
</noscript> 

这将显示在禁用JS的计算机上的按钮,上面的链接仍将显示。解决方法是隐藏与CSS的链接,然后显示它与JS ..

+0

事情是,我希望它能够在没有JavaScript的情况下工作。 Notjavascript,并没有按钮。有没有任何可能的方式来使用链接和PHP代码来做到这一点? – 2010-08-27 15:31:28

+1

@Relik Angus:不,PHP不能,因为它只是服务器端,而HTML不能,因为它还没有实现 - 这就是为什么我们使用JavaScript来做到这一点。 – Frxstrem 2010-08-27 15:33:31

+1

编号除非您对使用CSS设置提交按钮的结果感到满意,这与CSS无关,应该在每个浏览器上支持/启用。 - 就像我写到的:“使用并将其设置为与css链接”,这与gordon所说的基本相同。 – opatut 2010-08-27 15:34:28

5

你可以这样说:

<a href="#" onclick="document.forms['form_name'].submit();">Submit</a> 

这将表格提交到任何URL在formaction属性设置。

+0

可能工作,但不是这个Java脚本?我有点想在PHP/html的解决方案 – 2010-08-27 15:27:10

+0

但仍然使用JavaScript ... – 2010-08-27 15:27:35

+0

@Relik安格斯:PHP是服务器端语言,你不能用它来提交表格:) – Sarfraz 2010-08-27 15:28:44

3

我不知道有多少按钮能够在所有浏览器以统一的方式风格,但这里是一个开始/概念证明你可以拨弄,写着:测试,调整,投入外部CSS等

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

这只是足够疯狂的工作..风格的按钮,看起来像一个链接吧。好吧,^^谢谢k。我会试试这个 – 2010-08-27 15:38:53

1

我发现使用纯文本的另一种方式为,并提交按钮,通过试验(大量的)错误。在提交按钮和文本周围放置标签标签,然后定义按钮CSS以使其不显示,然后定义文本CSS,使其看起来像链接。

请记住,这可能不是很好的做法。 :)

例如,这正好在HTML表单:

<label class="notalink"><input type="submit" value="Submit" class="invisibutton"> 
Click this text to submit</label> 

而这正好在CSS:

.invisibutton { 
    height: 1px; 
    width: 1px; 
    display: none; 
    vertical-align: text-bottom; 
} 

label { 
    color: (link-color) 
    text-decoration: (etc.) 
} 

等等的标签定义,所以它看起来像一个标准链接。该按钮不可见,但文本可以作为其标签点击,因此它就像一个按钮。

其中一个缺点是它使我的标签文本下降一个像素。如果在伪链接周围还有其他词,我必须用“vertical-align:bottom”来定义周围的文本类。以确保它看起来不奇怪。

尽管有魅力。我成功地在WordPress页面中使用它来创建启动php脚本的假链接(通过设置$ _POST)。

相关问题