使用按钮提交输入字段

时间:2014-02-19 13:01:48

标签: javascript jquery html forms

这里我有一个输入字段和按钮:

<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来模拟输入字段提交

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

元素可以像这样编写。但是如果你这样做,你会在不同的浏览器中得到不同的结果。大多数浏览器都会创建一个“提交”按钮,但Firefox会生成一个“提交查询”按钮。要更改按钮所说的内容,您应该添加一个值属性:

FOR INPUT ELEMENT

像这样添加或更改查询。

FOR BUTTON:

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

提交表格 您可以在按钮中包含图像,也可以组合图像和文本以创建更有趣的按钮。

提交表格

FOR COMMAND:

如果希望命令由图像表示,则使用图标属性。