詳細

祖先、親、子孫の説明

子孫という用語は、あるアイテムが別のアイテムの内部に含まれていることを指します。反対の用語は祖先です。つまり、アイテムが祖先に含まれていることを意味します。次のコンテナの上下については、より具体的な用語である親と子を使用する場合があります。たとえば、内部にリンクを含む段落があるドキュメントについて考えてみましょう。リンクの親は段落ですが、ドキュメントも祖先として存在します。逆に、ドキュメントに複数の段落の子要素があり、それぞれにリンクが含まれていることもあります。リンクはすべて、祖父母ドキュメントの子孫です。

ユーザーが好きな色を送信できるフォームを作成してみる。データは POST リクエストとして送信し、データが処理される URL は /color にする必要があります。

フォームを表示する

解決策として、次のフォームを使用できます。

<form method="post" action="/color">
    <label for="color">What is your favorite color?</label>
    <input type="text" name="color" id="color">
    <button>Save</button>
</form>

https://web.dev で実行されるスクリプトでフォームデータを処理する場合、どのようにすればよいですか？試してみる

回答を切り替える

スクリプトの場所は、action 属性を使用して選択できます。

<form action="https://example.com/animals">
...
</form>

mkcert の使用: クイック リファレンス

mkcert の概要

HTTPS でローカル開発サイトを実行するには:

  1. mkcert を設定します。

    mkcert をまだインストールしていない場合は、macOS で次のようにインストールします。

    brew install mkcert

    Windows と Linux の手順については、mkcert をインストールするをご覧ください。

    次に、ローカル認証局を作成します。

    mkcert -install

  2. 信頼できる証明書を作成します。

    mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}

    これにより、有効な証明書が作成されます（mkcert によって自動的に署名されます）。

  3. HTTPS と手順 2 で作成した証明書を使用するように開発サーバーを構成します。

  4. ✨ これで完了です。ブラウザで https://{YOUR HOSTNAME} に警告なしでアクセスできるようになりました