【HTML】送信ボタンの作成方法
【HTML】< input type=”submit” >の解説です。
送信ボタンを作りたい方はこちらで解決します💡
もくじ
●【実例】< input type=”submit” >はこう打てば、こうなる
●【使い方】< input type=”submit” >は実際にこう使う
●【特徴】< input type=”submit” >の持つ特徴
●【注意】< input type=”submit” >を使う時に起こりやすいミスの事例
●< input type=”submit” >に似た効果を持つhtml
スポンサードサーチ
【html】< input type=”submit” > ~送信ボタンを作成する方法~
具体的に解説していきます。
【実例】< input type=”submit” >はこう打てば、こうなる
☝HTMLにこのように打つことで
☟このように表示されます。
【使い方】< input type=”submit” >は実際にこう使う
送信ボタンのサイズ調整等を行う
作成した送信ボタンのサイズ等をCSSでイジるには、上の画像のように、classで名前をつける必要があります。
名前を付ければ、☝このように、自在にCSSで調整できますね💡
ボタン内の文字を「送信」以外にする
☝こちらの画像の通りで、HTMLに入力する際に、valueという属性を与えることで、好きな名前をボタンの中に設定することができます。
【特徴】< input type=”submit” >の持つ特徴
●< input type=”submit” >はブロック要素なので、自動で改行されます。
【注意】< input type=”submit” >を使う時に起こりやすいミスの事例
●< input type=”submit” >は上の画像の通り、閉じタグが必要なので、付け忘れに注意。