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

【HTML】< input >とは? ~1行の入力欄を作成する方法~ | MUKKUN QUEST
MUKKUN QUEST     

【HTML】< input >とは? ~1行の入力欄を作成する方法~

HTML&CSS

【html】< input >の解説です。読み方は「インプット」
1行の入力欄を作りたい方はこちらで解決します💡

スポンサードサーチ

【html】< input > ~1行の入力欄を作成する方法~

具体的に解説していきます。

【実例】< input >はこう打てば、こうなる


☝HTMLにこのように打つことで
☟このように表示されます。


(※わかりやすいように色は別でつけてます)

【使い方】< input >は実際にこう使う

HTMLで< input >を入力したら、大きさ等は上の画像のようにCSSで調整します。

【特徴】< input >の持つ特徴

< input >はブロック要素なので、自動で改行されます。

【注意】< input >を使う時に起こりやすいミスの事例

☝こちらの画像の通りですが、< input >タグには、閉じタグは必要ないので注意。

< input >に似た効果を持つhtml

●textarea・・・複数行の入力画面を作成する方法
●input type=”submit”・・・送信ボタンを作成する方法