Detalhes

Explicação de ancestor, ancestor e ancestor

O termo descendente se refere ao fato de que um item está contido em algum lugar dentro de outro. O termo oposto é ancestral, o 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 de pai/filho. Por exemplo, imagine um documento com um parágrafo que contenha um link. O pai do link é um parágrafo, mas também tem o documento como um ancestral. Por outro lado, o documento pode ter muitos parágrafos secundários, cada um com links. Os links são todos descendentes do documento avô.

Tente criar um formulário em que os usuários possam enviar a cor favorita. Os dados precisam ser enviados como uma solicitação POST, e o URL em que os dados serão processados é /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? Faça um teste!

Alternar resposta

É possível selecionar o local do script usando o atributo action.

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

Como usar o mkcert: folha de referência

Resumo do mkcert

Para executar seu site de desenvolvimento local com HTTPS:

  1. Configure o mkcert.

    Instale o mkcert, por exemplo, no macOS:

    brew install mkcert

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

    Em seguida, crie uma autoridade de certificação 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 criado na Etapa 2.

  4. ✨ Pronto! Agora você pode acessar https://{YOUR HOSTNAME} no navegador sem avisos