使用按钮提交输入字段答案

【问题标题】：Submit input field with button使用按钮提交输入字段
【发布时间】：2014-02-19 13:01:48
【问题描述】：

这里有一个输入框和按钮：

<input id="pac-input" class="controls" type="text" placeholder="Search! e.g. Pizza, Pharmacy, Post office">

<button id="new" class="btn btn-success">Submit</button>

现在，当我在输入字段中输入内容并按“输入”时，我会提交输入字段

当我点击按钮时如何使这个追加？那么当我点击按钮提交输入字段时呢？

更新：我只想在单击 btton 时模拟在输入字段上提交

【问题讨论】：

为什么投反对票的人？有点新手问题，但我们都去过一次。显然英语不是这个家伙的第一语言，没有必要因为他在世界其他地方长大而惩罚他——要么通过编辑问题来纠正它，要么继续……

标签： javascript jquery html forms

【解决方案1】：

使用 jQuery

$("#formID").submit()

http://api.jquery.com/submit/

使用 HTML

<form>
    <input ... />
    <button type="submit" ...>Submit</button>
</form>

http://www.w3.org/wiki/HTML/Elements/button

【讨论】：

【解决方案2】：

元素可以这样写。但是如果你这样做了，你会在不同的浏览器中得到不同的结果。大多数浏览器都会制作一个显示“提交”的按钮，但 Firefox 会制作一个显示“提交查询”的按钮。要更改按钮的内容，您应该添加一个 value 属性：

输入元素：

像这样添加或更改查询。

按钮：

BUTTON 元素需要一个开始标签和一个结束标签。当您使用它时，您包含在标签内的任何内容都将包含在一个按钮中。然后用脚本激活按钮。

提交表格您可以在按钮中包含图像或将图像和文本结合起来以创建更有趣的按钮。

提交表格

对于命令：

如果你想让你的命令用图像来表示，你可以使用 icon 属性。

【讨论】：