ボタン - 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.上記の組み合わせボタン