在本文中，我们将带你了解php–如何使用javascript发布表单变量,就像type=“submit”按钮一样在这篇文章中，我们将为您详细介绍php–如何使用javascript发布表单变量,就像t

在本文中，我们将带你了解php – 如何使用javascript发布表单变量,就像type =“submit”按钮一样在这篇文章中，我们将为您详细介绍php – 如何使用javascript发布表单变量,就像type =“submit”按钮一样的方方面面，并解答php编写表单常见的疑惑，同时我们还将给您一些技巧，以帮助您实现更有效的和 text 之间的区别、和这两个元素有什么不同？、A 标签绑定的 juqery submit 方法在 ie6 下失效原因分析及解决方案。

本文目录一览：

• php – 如何使用javascript发布表单变量,就像type =“submit”按钮一样（php编写表单）
• 和

text 之间的区别

和

这两个元素有什么不同？">和这两个元素有什么不同？

A 标签绑定的 juqery submit 方法在 ie6 下失效原因分析及解决方案

php – 如何使用javascript发布表单变量,就像type =“submit”按钮一样（php编写表单）

我是一名noobie程序员,我想知道如何使用 javascript正确提交表单.

我制作了一些测试代码来告诉你我的意思：

<?PHP
    if (isset($_POST['message']))
    {
        echo $_POST['message'];
    }
?>

<script>
    function formsubmit() 
    {
        document.getElementById('form').submit();           
    }
</script>

<form id="form" name="form" action="" method="post">
    <input id="message" name="message" value="hello world">
    <input id="submit" name="submit" type="submit">
</form>

<a href="" onClick="formsubmit()">Click me</a><br/>
<input type="submit" onClick="formsubmit()" value="Click me">

当您按下标签内的“提交”按钮时 – PHP代码将回显“hello world”.
使用JS提交表单时,值不会发布到页面.我究竟做错了什么？

提前致谢.
我整个下午都搜索了一个解决方案,但由于我对编程缺乏了解,我找不到它.

解决方法

信不信由你,但主要问题在于：

<input id="submit" name="submit" type="submit">

如果表单包含名称(或id)为submit的input元素,它将屏蔽表单元素的.submit()方法,因为.submit将指向按钮而不是方法.只需将其更改为：

<input name="go" type="submit">

另见：Notes for form.submit()

较小的问题在这里：

<a href="" onClick="formsubmit()">Click me</a><br/>

在调用formsubmit()之前,空锚将再次请求同一页面.只需添加href =“#”即可.

和

text 之间的区别

关于它们有很多传说。我想知道真相。以下两个示例之间有什么区别？

1. <input type=''submit'' value=''text'' />

2. <button type=''submit''>text</button>

答案1

小编典典

不确定从何处获得传说，但：

提交按钮 <button>

与：

<button type="submit">(html content)</button>

IE6将在标记之间提交此按钮的所有文本，其他浏览器将仅提交值。使用<button>可使您在按钮的设计上享有更大的布局自由度。从各种意图和目的看，它乍一看似乎很棒，但是各种浏览器怪癖使它有时很难使用。

在您的示例中，IE6将发送text到服务器，而其他大多数浏览器将不发送任何内容。要使其跨浏览器兼容，请使用<button type="submit"value="text">text</button>。更好的是：不要使用该值，因为如果添加HTML，则在服务器端收到的内容将变得非常棘手。相反，如果必须发送额外的值，请使用隐藏字段。

带按钮 <input>

与：

<input type="button" />

默认情况下，这几乎不执行任何操作。它甚至不会提交您的表格。您只能在按钮上放置文本，并通过CSS为其指定大小和边框。其最初（当前）的意图是执行脚本，而无需将表单提交给服务器。

正常提交按钮，带有 <input>

与：

<input type="submit" />

像前者一样，但实际上提交了周围的表格。

图片提交按钮 <input>

与：

<input type="image" />

像前一个（提交）一样，它也将提交一个表单，但是您可以使用任何图像。这曾经是需要提交表单时将图像用作按钮的首选方式。为了获得更多控制，<button>现在使用。这也可以用于
服务器端图像映射， 但是如今这很少见。当您使用usemap-attribute和（带有或不带有该属性）时，浏览器会将鼠标指针的X /
Y坐标发送到服务器（更精确地说，是单击按钮时鼠标指针在按钮内的位置）。如果您只是忽略这些额外功能，那无非就是伪装成图像的提交按钮。

浏览器之间有一些细微的差异，但是除了上述<button>标记外，所有浏览器都将提交值属性。

和

这两个元素有什么不同？" alt="和这两个元素有什么不同？">

和

这两个元素有什么不同？">和这两个元素有什么不同？

<input type="submit">和<button type="submit">这两个元素有什么不同？

我记得都可以用来提交信息，但是不知道有何区别

A 标签绑定的 juqery submit 方法在 ie6 下失效原因分析及解决方案

ie6 下 submit 会失效有两种情况:

第一种:

a 标签事件绑定状态下

$(''a.btn'').click(function(){
    form.submit();
})

点击失效；

分析：

微软低版本浏览器会先执行 link 标签的自身事件也就是 href 事件，这样就中断了 form 的 submit 事件，“return false;” 的意思是中断 link 标签的的自身事件执行。

解决办法：换思路，用 jquery 直接处理图片、文字等的 click

$(''a.btn'').click(function(){
    $(''form'').get(0).submit();
    return false;
});

第二种:

a 标签上 onclick 调用事件处理函数

onclick="submitForm()"

function submitForm(){
    $(''form'').submit();
}

分析:

这里情况比较复杂，各种说法比较多，具体原因不明，有兴趣的童鞋可以深入 Jquery 代码研究一下整个的事件处理流程.

解决办法:

function submitForm(){
    setTimeout(function (){
        $(''form'').submit();
    },0);
}

今天关于php – 如何使用javascript发布表单变量,就像type =“submit”按钮一样和php编写表单的讲解已经结束，谢谢您的阅读，如果想了解更多关于和

text 之间的区别、和这两个元素有什么不同？、A 标签绑定的 juqery submit 方法在 ie6 下失效原因分析及解决方案的相关知识，请在本站搜索。

本文标签：

• javascript
• php
• 表单变量
• submit按钮