HTML レッスン5
フォーム
ユーザーからの入力を受け付けるフォーム要素を学ぼう
フォームの基本
フォームはユーザーからデータを入力してもらうための仕組みです。ログイン画面、検索ボックス、アンケート、 お問い合わせフォームなど、あらゆるWebサイトで使われています。
<form>で全体を囲み、 中に<input>、<textarea>、<select>などの入力要素を配置します。
inputの種類
type属性でさまざまな入力フィールドを作れます。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
52 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
textarea・select・バリデーション
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
25 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
自由に試してみよう
お問い合わせフォームを自分で作ってみましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
8 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。