Node.jsでsubmitボタンをFont Awesomeにする方法

2109 ワード
初心者 FontAwesome プログラミング勉強日記 Node.js Node.js テキストリンク

プログラミング勉強日記

2020年9月21日
Node.jsのejsファイルでformでデータを送るときにFont Awesomeを使おうとするときに試行錯誤したので備忘録として書いておく。

現在と目標

　現在は以下のように「削除」ボタンになっている。

現在
<form action="/delete/<%= user.id %>/<%= users[0].id %>" method="post">
  <input type="submit" value="削除">
</form>

　それを以下のようにFont Awesomeを用いてアイコンにしたい。

解決方法

解決方法
<form action="/delete/<%= user.id %>/<%= users[0].id %>" method="post">
  <button type="submit" class="btn"><i class="fas fa-trash-alt"></i></button>
</form>

　個人的にはアイコンの周りの線(ボタンの部分)を消したいが、うまくできないのでこれがうまくできたらまた記事にしようと思う。