Question

我有一个显示值的php页面。我想使用超链接而不是按钮。我想要发生的是用户将更新文本框中的值，然后单击“开始”。我的问题是我不知道如何使用超链接传递文本框的值。有人可以帮帮我吗？

谢谢大家。

例如：

<form action="" method= "post">
First name :<input type="text" name ="fname"/>"
  <a href="" onclick="return confirm('Do you really want to update information?')">Update</a>
</form>

Answer 1

将表单更改为：

<form action="" method= "post">
    First name :<input type="text" name ="fname"/>"
    <input type="submit" value="Update"/>
</form>

使用CSS将输入显示为超链接

form input[type="submit"] {
    background: none;
    border: none;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

您也可以使用Javascript让<a>提交表单，我认为这样会更容易。

Answer 2

如果您真的想使用超链接，则需要在JavaScript中调用FormElement的submit()方法以提交没有常规提交按钮的表单。

MDN documentation的示例：

document.forms["myform"].submit()

如果您想在onclick处理程序中执行此操作（这通常被认为是不良做法），那么您可以给<form> id一个并立即调用它这样：

<a href="#" onclick="confirm('Do you really want to update information?')&&document.getElementById('myform').submit()">
    Update
</a>

但是，最好坚持使用提交按钮来提供更好的浏览器/客户端支持，并在语义上更正确。如果您希望按钮看起来像链接，那么最好使用CSS使其按照您希望的方式显示。

Answer 3

这可能有用：

<form action="test.php" id="myForm" method= "post" onsubmit="if( confirm('Do you really want to update information?')) {this.submit();}">
First name :<input type="text" name ="fname" id="fname"/>
  <a href="javascript:void();" onclick="document.getElementById('myForm').onsubmit();">Update</a>
</form>

HTML：如何使用超链接传递文本框的值？

3 个答案: