Описание

Объяснение предка , родителя и потомка

Термин «потомок» относится к тому факту, что элемент содержится где-то внутри другого. Противоположный термин — «предок», то есть элемент содержится в предках. Для следующего перемещения контейнера вверх/вниз могут использоваться более конкретные термины «родитель/потомок». Например, представьте себе документ с абзацем, внутри которого есть ссылка. Родителем ссылки является абзац, но его предком также является документ. И наоборот, документ может иметь много дочерних абзацев, каждый из которых имеет ссылки. Все ссылки являются потомками родительского документа.

Попробуйте создать форму , в которой пользователи смогут указать свой любимый цвет. Данные должны быть отправлены в виде запроса 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, например, в macOS:

    brew install mkcert

    Проверьте инструкции по установке mkcert для Windows и Linux.

    Затем создайте локальный центр сертификации:

    mkcert -install
    
  2. Создайте доверенный сертификат.

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

    Это создаст действительный сертификат (который будет подписан mkcert автоматически).

  3. Настройте свой сервер разработки для использования HTTPS и сертификата, созданного на шаге 2.

  4. ✨ Готово! Теперь вы можете получить доступ к https://{YOUR HOSTNAME} в своем браузере без предупреждений.