📤

submitボタンにアイコンを使用する

2022/07/05に公開約400字

要件

  • submitさせるボタンにアイコンを使う
  • Google Material Symbolsを使う

https://fonts.google.com/icons

コード

<input>ではなく<button>を使います。type属性にsubmitを指定すればsubmitできます。
<button></button>の間にHTMLタグを書く事ができるので扱いやすいと思います。

<button type="submit">
  お問い合わせはこちら
  <span class="material-symbols-outlined">
    double_arrow
  </span>
</button>

CodePen

こんな感じで簡単に使用できます。

GitHubで編集を提案

Discussion

ログインするとコメントできます