Question

我是PHP的新手，但想知道如何做到这一点。

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

问题是，我看到许多解决方案使用Java Script / Jquery等来解决这个问题，是否有人知道如何使用PHP代码和HTML进行此操作？

Answer 1

使用<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 ..

显示它

Answer 2

你可以这样做：

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

这会将表单提交到action的{{1}}属性中设置的任何网址。

Answer 3

我不知道有多少按钮能够在所有浏览器中以统一的方式进行样式设置，但这里有一个你可以摆弄的概念的开始/证明，阅读：测试，调整，放入外部CSS，等等

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

Answer 4

我找到了另一种使用纯文本作为提交按钮的方法，通过试用和（很多）错误。在提交按钮和文本周围放置标签标签，然后定义按钮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）。

如何使用textlink POST方法提交表单

4 个答案: