Buscar

faca um codigo em html , css e javascript de um formulario

Respostas

User badge image

Ed Verified user icon

Claro, aqui está um exemplo básico de um formulário HTML com CSS e JavaScript: HTML: ```

Nome:

E-mail:

Mensagem:

``` CSS: ``` form { width: 50%; margin: 0 auto; font-family: Arial, sans-serif; } label { display: block; margin-bottom: 5px; } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 10px; } input[type="submit"] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } input[type="submit"]:hover { background-color: #45a049; } ``` JavaScript: ``` const form = document.querySelector('form'); const nome = document.getElementById('nome'); const email = document.getElementById('email'); const mensagem = document.getElementById('mensagem'); form.addEventListener('submit', (event) => { event.preventDefault(); console.log(`Nome: ${nome.value}\nE-mail: ${email.value}\nMensagem: ${mensagem.value}`); alert('Formulário enviado com sucesso!'); form.reset(); }); ``` Este é apenas um exemplo básico, você pode personalizar o formulário e o estilo de acordo com suas necessidades.

0
Dislike0

Responda

SetasNegritoItálicoSublinhadoTachadoCitaçãoCódigoLista numeradaLista com marcadoresSubscritoSobrescritoDiminuir recuoAumentar recuoCor da fonteCor de fundoAlinhamentoLimparInserir linkImagemFórmula

Para escrever sua resposta aqui, entre ou crie uma conta

User badge image

Mais conteúdos dessa disciplina