~パンピーサラリーマンの為の人生逆転ブログ~

【HTML】送信ボタンの作成方法 | MUKKUN QUEST
MUKKUN QUEST     

【HTML】送信ボタンの作成方法

HTML&CSS

【HTML】< input type=”submit” >の解説です。
送信ボタンを作りたい方はこちらで解決します💡

スポンサードサーチ

【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” >は上の画像の通り、閉じタグが必要なので、付け忘れに注意。

< input type=”submit” >に似た効果を持つhtml

●input・・・1行の入力画面を作成するHTML
●textarea・・・複数行の入力画面を作成するHTML