Html 提交按钮问题_Html - Fatal编程技术网

Html 提交按钮问题

html

Html 提交按钮问题,html,Html,我可以将链接（例如）转换为表单的提交按钮吗？如果是，怎么做？我正在使用PHP、MySQL、XHTML和CSS 不是真的你可以用JavaScript伪造它，但这违反了您可以使用CSS使提交按钮看起来像一个链接，但这通常不是一个好主意（尽管仍然比使用JS更好）。用户希望按钮可以提交表单，而链接只需要放到某个地方。违反预期是很差的可用性。使用javascript，您可以进行一次单击在jquery中： $('theElement').click(function(){ // submit the

我可以将链接（例如

）转换为表单的提交按钮吗？如果是，怎么做？我正在使用PHP、MySQL、XHTML和CSS

不是真的

你可以用JavaScript伪造它，但这违反了

您可以使用CSS使提交按钮看起来像一个链接，但这通常不是一个好主意（尽管仍然比使用JS更好）。用户希望按钮可以提交表单，而链接只需要放到某个地方。违反预期是很差的可用性。

使用javascript，您可以进行一次单击

在jquery中：

$('theElement').click(function(){ 
// submit the form...
});

编辑：（我写了onclick！）

您可以在表单上调用submit（）。比如：

<a href="#" onclick="document.getElementById('myForm').submit();">e</a>

这是我确实不推荐的，但这是您问题的答案。

您可以使用进行不引人注目的javascript实践，并提交表单：

<form id="form_id">
 ...........
</form>

<a href="#" id="submit_link">submit</a>


函数submitform（）
{
文件。表格1。提交（）；
}

（在SAFARI和FF/OSX上测试）我家里没有DOS机器

这个问题的答案是肯定的

以下是用普通Javascript编写代码的方式：

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <title>Form Submit</title>
      <script>
        window.onload = function(){
          document.getElementById("linksubmit").onclick = function(){
            if(document.getElementById("foo").value != ''){
              document.forms[0].submit();
                  return false;
            }else{
              alert('Please fill in Foo');
            }
          }
        }
      </script>
  </head>
  <body>
    <form id="theform" action="index.html" method="post">
      <label for="foo">Foo</label>
      <input type="text" name="foo" id="foo" />
      <a href="javascript:void(0);" id="linksubmit">Submit</a>
    </form> 
  </body>
  </html>

只需在脚本标记之间使用这一部分，而不是第一个示例。还记得添加jQuery源代码。谷歌有一个很好用的托管版本：

@Francisco Soto:是的，应该可以，但请注意，它反对使用突兀的javascript：）是的，我说过我不推荐它：），只是回答了他的问题。

<script language="javascript">
  function submitform()
  {
    document.form1.submit();
  }
</script>

<form name="form1"></form>

<a href="javascript:submitform()">Submit</a>

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <title>Form Submit</title>
      <script>
        window.onload = function(){
          document.getElementById("linksubmit").onclick = function(){
            if(document.getElementById("foo").value != ''){
              document.forms[0].submit();
                  return false;
            }else{
              alert('Please fill in Foo');
            }
          }
        }
      </script>
  </head>
  <body>
    <form id="theform" action="index.html" method="post">
      <label for="foo">Foo</label>
      <input type="text" name="foo" id="foo" />
      <a href="javascript:void(0);" id="linksubmit">Submit</a>
    </form> 
  </body>
  </html>

$(document).ready(function(){
  $("#linksubmit").click(function(){
    if($("#foo").val()!=''){
  $("#theform").submit();
      return false;
    }else{
      alert('Please fill in Foo');
    }
  });
});