「子孫」という用語は、アイテムが別のアイテムの内部に含まれていることを意味します。反対に「祖先」は、アイテムが祖先に含まれていることを意味します。次の上下のコンテナでは、より具体的な「親 / 子」という用語が使用されることがあります。たとえば、段落内にリンクがあるドキュメントがあるとします。リンクの親は段落ですが、そのドキュメントも祖先として持ちます。逆に、ドキュメントに段落の子が多数あり、それぞれがリンクになっている場合もあります。リンクはすべて、親ドキュメントの子孫になります。
ユーザーが好きな色を送信できるフォームを作成してみましょう。データは 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 の使用: クイック リファレンス
HTTPS を使用してローカル開発サイトを実行するには:
-
mkcert を設定します。
mkcert をまだインストールしていない場合は(macOS などに)インストールします。
brew install mkcert
Windows と Linux の手順については、mkcert のインストールをご覧ください。
次に、ローカル認証局を作成します。
mkcert -install
-
信頼できる証明書を作成します。
mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}
これにより、有効な証明書が作成されます(
mkcert
によって自動的に署名されます)。 -
HTTPS とステップ 2 で作成した証明書を使用するように、開発サーバーを設定します。
-
✨ これで完了です。警告を表示せずにブラウザから
https://{YOUR HOSTNAME}
にアクセスできるようになりました