使用启动Bootstrap Modal的按钮提交

Question

I have a form that i submit with a input type button.

<input class="btn btn-info pull-right" type="submit" value="Post"/><br />

Now id, like to change the submit of my form to a button who also loads the data in a Bootstrap Modal.

<button type="button" class="btn btn-danger" data-toggle="modal" data-target=".bs-example-modal-lg">Post</button>

How do i combine those two?

Answer 1

你可以这样

<input type="submit" class="btn btn-danger" data-toggle="modal" data-target=".bs-example-modal-lg" value="Post" />

Answer 2

<input type="submit" value="Post" readonly="readonly" data-toggle="modal" data-target=".bs-example-modal-lg" class="btn btn-primary"/>

添加只读标签将是有益的。此外，无需红色按钮即可提交，您可以使用主按钮（绿色）。