Detalhes

Explicação de antepassado, parente e descendente

O termo "descendente" se refere ao fato de que um item está contido em outro. O termo oposto é "ancestral", que significa que um item é contido por ancestrais. Para o próximo contêiner para cima/para baixo, eles podem usar os termos mais específicos pai/filho. Por exemplo, imagine um documento com um parágrafo que tenha um link dentro. O link tem um parágrafo como pai, mas também tem o documento como ancestral. Por outro lado, o documento pode ter muitos parágrafos filhos, cada um com links. Todos os links são descendentes do documento ancestral.

Tente criar um formulário em que os usuários possam enviar a cor favorita deles. Os dados precisam ser enviados como uma solicitação POST, e o URL em que os dados serão processados precisa ser /color.

Mostrar formulário

Uma solução possível é usar este formulário:

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

Digamos que você queira que um script em execução em https://web.dev processe os dados do formulário. Como você faria isso? Teste!

Alternar resposta

Você pode selecionar o local do script usando o atributo action.

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

Como usar o mkcert: cheatsheet

mkcert em resumo

Para executar o site de desenvolvimento local com HTTPS:

  1. Configure o mkcert.

    Instale o mkcert, por exemplo, no macOS:

    brew install mkcert

    Consulte install mkcert para instruções sobre Windows e Linux.

    Em seguida, crie uma autoridade certificadora local:

    mkcert -install
  2. Crie um certificado confiável.

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

    Isso cria um certificado válido (que será assinado automaticamente por mkcert).

  3. Configure o servidor de desenvolvimento para usar HTTPS e o certificado que você criou na etapa 2.

  4. ✨ Pronto. Agora é possível acessar https://{YOUR HOSTNAME} no navegador sem avisos