Szczegóły

Wyjaśnienie pojęć przodek, rodzic i potomek

Termin „potomek” odnosi się do faktu, że jeden element jest zawarty w innym. Termin przeciwny to „przodek”, który oznacza, że element jest zawarty w przodkach. W przypadku następnego kontenera w górę lub w dół można użyć bardziej szczegółowych terminów nadrzędny/podrzędny. Wyobraź sobie na przykład dokument z akapitem zawierającym link. Element nadrzędny linku to akapit, ale ma też dokument jako element nadrzędny. Z drugiej strony dokument może mieć wiele akapitów podrzędnych, z których każdy ma linki. Linki to wszystkie elementy podrzędne dokumentu nadrzędnego.

Spróbuj utworzyć formularz, w którym użytkownicy będą mogli podać swój ulubiony kolor. Dane powinny być wysyłane jako żądanie POST, a adres URL, pod którym będą przetwarzane, to /color.

Pokaż formularz

Jednym z możliwych rozwiązań jest skorzystanie z tego formularza:

<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>

Załóżmy, że chcesz, aby skrypt działający w czasie https://web.dev przetwarzał dane formularza. Jak to zrobić? Wypróbuj

Przełącz odpowiedź

Lokalizację skryptu możesz wybrać za pomocą atrybutu action.

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

Korzystanie z mkcert: podręcznik

mkcert w skrócie

Aby uruchomić lokalną witrynę deweloperską z protokołem HTTPS:

  1. Konfiguracja mkcert

    Zainstaluj mkcert, jeśli jeszcze tego nie zrobiono, np. w systemie macOS:

    brew install mkcert

    Instrukcje instalacji mkcert w systemach Windows i Linux znajdziesz w artykule install mkcert.

    Następnie utwórz lokalny urząd certyfikacji:

    mkcert -install

  2. Utwórz zaufany certyfikat.

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

    Spowoduje to utworzenie ważnego certyfikatu (który zostanie automatycznie podpisany przez mkcert).

  3. Skonfiguruj serwer programistyczny tak, aby używał protokołu HTTPS i certyfikatu utworzonego w kroku 2.

  4. ✨ Gotowe. Możesz teraz otworzyć https://{YOUR HOSTNAME} w przeglądarce bez ostrzeżeń