3. HTMLフォーム プロジェクト レッスン 4/4
登録フォームの作成
これまで学んだフォームの知識を使って、ユーザー登録フォームを作成します。
プロンプト
ユーザー登録フォームを作成したいと思います。名前（姓・名）、メールアドレス、パスワード（確認用も含む）、生年月日、性別、利用規約への同意チェックボックスを含むフォームのHTMLコードを作成してください。HTML5のバリデーション機能を活用し、ユーザーが正しい情報を入力できるようにしてください。また、アクセシビリティに配慮したマークアップにしてください。
解説
このプロンプトでは、これまで学んだフォームの知識を総合的に活用して、実用的なユーザー登録フォームを作成します。HTML5のバリデーション機能を活用することで、JavaScriptを使わなくても基本的な入力チェックが実装できます。
AIサービスへのリンク
以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。
ChatGPT
OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。
Google Gemini
Googleが提供するAIチャットサービス。無料で利用できます。
Claude
Anthropicが提供するAIチャットサービス。無料版は利用可能です。
※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。
※ サービスによっては、アカウント登録が必要な場合があります。