More than 3 years have passed since last update.

HTML <%○○>タグリファレンスの種類と書き方

Posted at 2020-02-04

<%button>ボタンの作成
<%input>入力ホーム
<%body>文書情報・構造
<%!DOCTYPE>文書情報・構造

があったりします。

書き方としては

HTML

<button type="submit" class="button1">
  <i class="fas fa-search"></i> 検索
</button>

HAML

%button{type: "submit", class: "button1"}
  %i.fas.fa-search>
  検索

または

%button.button1{type: "submit"}
  %i.fas.fa-search>
  検索

"type"で属性を持たせたり
"value"で値を指定したり
"class"でクラスを持たせて色の指定や、大きさを変更できるようになります。

↓<%input>の例↓

HTML

<label>
  <input type="submit" value="送信する">
</label>

HAML

%label
  %input{:type => "submit", :value => "送信する"}/