ボタン - button




　①ボタンの生成 　☆ソース 1.ボタン <button>ボタン</button> 2.リンク付きボタン <a href="ここにアドレスを代入" data-role="button">リンクボタン</a> 3.inputボタン <input type="button" value="button"> 4.submitボタン <input type="submit" value="submit等"> 　　　　それぞれ、用途に合わせて使い分けてください。


　　デモ
　1.ボタン
　2.リンク付きボタン リンクボタン
　3.inputボタン
　4.submitボタン


　②ボタンの形を変更 　☆ソース 1.四角いボタン <button value="四角ボタン" data-corners="false"></button> 2.小さいボタン <button value="小さいボタン" data-inline="true"></button> 3.アイコン付きボタン <button value="アイコンボタン" data-icon="gear"></button> 4.上記の組み合わせボタン <button value="組み合わせボタン" data-corners="false" data-inline="true" data-icon="gear"></button> ①では＜button＞ほげ＜/button＞の形、②では＜button value="ほげ"＞＜/button＞の形を使用しています。
好みに合わせてどちらかを使ってください。

混ぜても特に問題はないので、よくわからない人はこのままコピペでつかってください。


　　デモ
　1.四角いボタン
　2.小さいボタン


　3.アイコン付きボタン
　4.上記の組み合わせボタン