Szczegóły

Objaśnienie elementów ancestor, ancestor i ancestor

Termin „podrzędny” odnosi się do tego, że element jest umieszczony gdzieś wewnątrz innego elementu. Przeciwieństwem jest element nadrzędny, który oznacza, że element jest zawarty w elementach nadrzędnych. W przypadku następnego kontenera w górę/w dół możesz użyć bardziej szczegółowych terminów nadrzędny/podrzędny. Wyobraź sobie na przykład dokument z akapitą, w której znajduje się link. Element nadrzędny linku to akapit, ale dokument jest też elementem nadrzędnym. I na odwrót, dokument może zawierać wiele akapitów podrzędnych, z których każda będzie zawierać linki. Linki są elementami potomnymi dokumentu nadrzędnego.

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

Pokaż formularz

Jednym z możliwych rozwiązań jest użycie 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>

Powiedzmy, że chcesz uruchomić skrypt w https://web.dev do przetwarzania danych formularza. Jak to zrobić? Wypróbuj

Przełącz odpowiedź

Możesz wybrać lokalizację skryptu za pomocą atrybutu action.

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

Ściągawka z mkcert

mkcert w skrócie

Jeśli chcesz prowadzić lokalną witrynę deweloperską przy użyciu protokołu HTTPS:

  1. Skonfiguruj mkcert.

    Jeśli program mkcert nie jest jeszcze zainstalowany, zainstaluj go na przykład w systemie macOS:

    brew install mkcert

    Zapoznaj się z instrukcjami dotyczącymi zainstalowania mkcert dla systemów Windows i Linux.

    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 (zostanie automatycznie podpisany przez mkcert).

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

  4. ✨ Gotowe! Teraz możesz korzystać z usługi https://{YOUR HOSTNAME} w przeglądarce bez ostrzeżeń