演習課題「input要素を使ってフォームコントロールを作ろう」
現在、ブラウザでは、あるデザイン事務所のプロジェクトを管理するためのページが表示されています。
ここで、まず「プロジェクト名」のinput要素のtype属性をtextとしてください。
さらに、name属性としてprojectを与えて、プロジェクト名が送信できるようにしてください。
採点の前にはファイルを保存してください。
採点して、ジャッジに正解すれば演習課題クリアです！
＃02:フォームコントロール
このチャプターでは、フォームコントロールについて学習します。
フォームコントロールとは、ユーザーが情報を入力したり選択したりするための、フォーム内の様々な部品のことです。これらは一般的にinput要素やselect要素、textarea要素、button要素などを使って作成されます。
フォームコントロールには、一行のテキスト入力欄、パスワード入力欄、チェックボックス、ラジオボタン、ドロップダウンリスト、ファイル送信ボタンなど、多岐にわたる種類があります。
これらのコントロールを組み合わせることで、ユーザーフレンドリーで機能的なフォームを作成することができます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>フォームコントロール</title>
<meta name="viewport" content="width=device-width initial-scale=1">
<link rel="stylesheet" href="style01.css">
</head>
<body>
<form action="">
<p>
名前<br>
<input type="text" name="name">
</p>
<p>
メールアドレス<br>
<input type="text" name="email">
</p>
<p><input type="submit"></p>
</form>
</body>
</html>
MDN web docs - 基本的なネイティブフォームコントロール
https://developer.mozilla.org/ja/docs/Learn/Forms/Basic_native_form_controls