Bootstrapでinputでsubmitボタンを作った際に<i>要素でアイコンを組み込めない

Question

<div class="container" style="padding:20px 0"> <div class="row"> <form class="form-inline" style="margin-bottom:15px;"> <div class="form-group"> <label class="sr-only contro-label" for="email">Email</label> <input type="text" id="email" class="form-control" placeholder="email"> </div> <div class="form-group"> <input type="submit" value="submit" class="btn btn-primary"><!-- ここです --> </div> </form>

上記のインプット要素に例えばglyphicon glyphicon-pencil等をi要素を使って、

<button class="btn btn-primary"><i class="glyphicon glyphicon-pencil"></i> submit</button>

などのようなボタンを作りたいのですが、可能でしょうか？
それともbutton要素を使って実際にsubmitするurlをurl=""でマウントすればよいのでしょうか？教えてください、宜しくお願いします。

Answer 1

button要素はデフォルトでsubmitされますので
input type="submit"の要素を消してbuttonだけにすればOKです。
formのactionを適切に指定してください。

Comments

[MasahiroKawai]

理解出来ました。ありがとうございました。