Enviar EMAIL 🔥 HTML - Formulário De Contato
Рет қаралды 22,460
Күн бұрын[Hey] Nesse vídeo eu ensino a fazer um formulário de e-mail simples, SEM PRECISA DE BACK! Usando apenas HTML e CSS!
Espero que vocês gostem! :)
Bora codar? 🔥
Repositório com o código desse vídeo: github.com/AdrianaSaty/easy-p...
O que mais você quer ver aqui no canal?
Comenta aqui embaixo pra eu saber! ;)
------------------------------------------------------------------------------------------------------------------
[Links]
- Instagram: / adriana.saty
- Twitch: / adrianasaty
- Github: github.com/AdrianaSaty/
- Website: www.adrianasaty.com/
------------------------------------------------------------------------------------------------------------------
[índice]
00:00 Intro
01:12 Extensão - Live Server
02:04 Criando Formulário
03:07 CSS
05:45 Form Submit
06:38 Página Agradecimento
07:41 Fim :)
@livreserestaurados Жыл бұрын
Cara top demais! Obrigado!!! tava quebrando a cabeça no PHP mailer!
@sandrielsoares265 2 жыл бұрын
Parabéns adriana , muito show esse video. parabéns pelo otimo trabalho ta bom. sucesso pra voçê.
@cleytonsantos9565 8 ай бұрын
Parabéns pelo video, sua didática é muito boa 👏👏 estou aprendendo bastante. Que Deus te abençoe.
@hittomexicano7885 Жыл бұрын
Teus vídeos são muito bons, único tutorial que vi realmente alguém explicando o que tá fazendo com detalhes, isso ajudou muito vlw.
@AdrianaSaty Жыл бұрын
Valeuu! Que bom que você curtiuuu! 🤩
@luizramos5561 Жыл бұрын
Parabéns pela didática....top o vídeo.....
@viviannereis8494 Жыл бұрын
Nossa muitooo boommm, adorei! Já vou me inscrever, me ajudou muito ❤❤
@rubenszimmermann1072 6 ай бұрын
Show de aula. Muito obrigado. Estou inscrito no seu canal.
@RCSDesignTeclab 2 жыл бұрын
Você consegue passar seu conhecimento liso e claro. Parabéns.
@AdrianaSaty 2 жыл бұрын
Obrigada ^^
@devspot82 2 жыл бұрын
Parabens Adriana por mais um show neste video! Estou acompanhando sua carreira com entusiasmo!
@AdrianaSaty 2 жыл бұрын
Obrigadaaa 🙏
@saulocatunda5382 2 жыл бұрын
Adorei! Meus parabéns mais uma vez! Gostei de você, quero ver teu sucesso. Avante!😆
@AdrianaSaty 2 жыл бұрын
Obrigada sempre 🙏
@eduardolaux9976 2 жыл бұрын
Amando seus vídeos! São os que mais me guio para estruturar minhas páginas!
@AdrianaSaty Жыл бұрын
Obrigada!!
@LeandroAuzier 2 жыл бұрын
adorei a forma como você faz pra entregar os conteudos, sucesso pra vc sempre Satynha!
@AdrianaSaty 2 жыл бұрын
Obrigada 😊
@andersonvieira7596 Жыл бұрын
To ficando viciado em ver os teus vídeos e estou colocando em prática toda a didática ensinada , 💡✔️
@AdrianaSaty Жыл бұрын
Uhuuul! Boa! 🤩
@Thiago-oc9nl 2 жыл бұрын
Muito dahora slk, simples, pratico e intuitivo, vlw Saty..!
@AdrianaSaty 2 жыл бұрын
🦾
@antoniomh1061 2 жыл бұрын
Que bacana! Não conhecia essa API de emails, realmente muito legal pra quem tá começando
@AdrianaSaty 2 жыл бұрын
Simm! Bem fácil de implementar :)
@juliaazeredo7991 2 жыл бұрын
Oi Adri, adorei o vídeo!! Coloca legenda para gente poder assistir no metrô quando estivermos sem fone!!
@TheNancyGroove Жыл бұрын
Creme do milho kkkkkkkk O mundo precisa de mais devs como você. Abraço, sucesso. ♥
@allahmacedo1993 2 жыл бұрын
Ficou maneirão , já vou usar no meu projeto . Obrigado pelo conteúdo me ajudou bastante tmj.
@AdrianaSaty 2 жыл бұрын
Boaaa! :D
@brunomanso9428 2 жыл бұрын
Boa, dev!! É assim que aprende. BASE! Bom trabalho.
@AdrianaSaty 2 жыл бұрын
:D
@Gustavo-jq7ht 2 жыл бұрын
Nossa estava procurando exatamente isso para implementar no meu portifólio. Adriana curti muito sua performance no Reality, na próxima você ganha estou na torcida 🥳
@AdrianaSaty 2 жыл бұрын
Que bom que ajudou!! :D Obrigada!
@hudneybrito7116 2 жыл бұрын
Que massa. Ficou bem prático. Muito bom.
@AdrianaSaty 2 жыл бұрын
Valeuu! :D
@esthersilva6952 9 ай бұрын
Mds, adorei essa dica
@diogo.tupinamba Жыл бұрын
muuuito obrigado!
@fgoncalves1446 2 жыл бұрын
Menina que didática incrível!!! Parabéns
@AdrianaSaty 2 жыл бұрын
Obrigada!! 🤩
@gabrielmiranda8969 2 жыл бұрын
você explica muito bem, gosto muito dos seus vídeos espero me tornar um desenvolver front que nem você 😍
@AdrianaSaty 2 жыл бұрын
Obrigada!! Você vai conseguir :)
@joaobosco2136 Жыл бұрын
SHOW !!!!. Obrigado.
@macmillerduartedeandrade2591 2 жыл бұрын
Tooop 👏🏻🔥
@AdrianaSaty 2 жыл бұрын
🤘
@augustoge71 2 жыл бұрын
Muito "Da Hora"... vou fazer esta implementação no meu site, sim... obrigado Adriana!
@AdrianaSaty 2 жыл бұрын
Boaa! :D
@augustoge71 2 жыл бұрын
Eu te marquei em uma publicação no Instagram... fiz um site/portfolio seguindo seu tutorial...
@kaioseven 2 жыл бұрын
Muito bom Saty!
@AdrianaSaty 2 жыл бұрын
Obrigada!
@pablosantos1621 Жыл бұрын
Ei Adriana, muito bacana esse serviço. Acabei de finalizar um projeto para enviar o e-mail via sendmail e foi muito interessante conhecer esta nova forma. Gostei também da forma como manipulou os elementos CSS e HTML, vou assistir seu outro vídeo HTML e CSS na prática, para ver sua mecânica.
@AdrianaSaty Жыл бұрын
Boaaa!!
@mayconrocha8723 Жыл бұрын
Sensacional demais.
@AdrianaSaty Жыл бұрын
🤗🤗🤗
@emersonc7042 2 жыл бұрын
Adriana, você pode fazer um vídeo sobre cabeçalhos de sites? Ou um com a diferença entre CSS Grid e Flexbox?
@AdrianaSaty 2 жыл бұрын
Opa, anotado!!
@emersonc7042 2 жыл бұрын
@@AdrianaSaty Obrigado. Parabéns pelo canal!
@ygorguilherme3608 2 жыл бұрын
Ja vou logo dando o like
@AdrianaSaty 2 жыл бұрын
Aí sim!! Obrigada :D
@JuanElorriagaYT Жыл бұрын
Muito bom vídeo
@bladeq43 2 жыл бұрын
obrigado, aprendi muita coisa com seus videos
@AdrianaSaty 2 жыл бұрын
Uhuul! 🥳🥳🥳
@TudoIsPossivel 2 жыл бұрын
Manda muito bem!!
@AdrianaSaty 2 жыл бұрын
Obrigada!! :D
@tvctutoriais969 Жыл бұрын
Blz ,tô aprendendo mais HTML com❤️C
@SkySesshomaru 2 жыл бұрын
Simbora.
@AdrianaSaty 2 жыл бұрын
Gogogo!
@eletrotech51 Ай бұрын
Legal bacana. parabéns.
@jholkis 2 жыл бұрын
Caiu como uma luva, parabéns 😁
@AdrianaSaty 2 жыл бұрын
Obrigada!
@AdrianaSaty 2 жыл бұрын
Obrigada!
@mariannaduarte4351 2 жыл бұрын
MENTIRA q vc fez o video do que eu tava morrendo pra fazeeerr KKKKKKKKKKKKK adoro
@AdrianaSaty 2 жыл бұрын
Hahahaha uhuuul
@israelferreira5552 5 ай бұрын
me salvou
@GustaSilvaSimuladores 2 жыл бұрын
Muito bom video top
@AdrianaSaty 2 жыл бұрын
Obrigada!!
@abruno1956 2 ай бұрын
Oi Adriana, sensacional, show de vídeo. Apenas uma dúvida, por favor; teria com alterar no email ao invés de FormSubmit para o email de quem está enviando?
@anacarla_dahora 2 жыл бұрын
Maravilhoso ❤️
@AdrianaSaty 2 жыл бұрын
Obrigada!
@anacarla_dahora 2 жыл бұрын
@@AdrianaSaty sério ajudou muito, não tava conseguindo fazer o formulário funcionar. Você deu uma dica rápida e prática❤️
@baixoorcamento6887 2 жыл бұрын
Não estou recebendo o email. Será que houve uma atualização?
@jescklaymattos1565 3 ай бұрын
Também não estou recebendo!
@rafaeljose9140 2 жыл бұрын
braba
@AdrianaSaty 2 жыл бұрын
🦾
@denisquintasluiz506 2 жыл бұрын
Muito bom
@AdrianaSaty 2 жыл бұрын
Obrigada!
@ramosandresc 6 ай бұрын
👍👍👍
@joaocarlosmendes5739 2 жыл бұрын
Top
@AdrianaSaty 2 жыл бұрын
🙂
@trilhacoder 2 жыл бұрын
show
@AdrianaSaty 2 жыл бұрын
😁
@3_AM-00 2 жыл бұрын
❤
@AdrianaSaty 2 жыл бұрын
💪
@andersonantunes9763 Ай бұрын
Boa. Deu certinho aqui ajudou bastante. Só uma dúvida. Tem como alterar o remetente para que apareça o nome de quem enviou e não apareça com FormSubmit?
@soielumsay 8 ай бұрын
obrigada pelo tutorial, tinha uma tempo que queria no site e não sabia como fazer
@adriancristopherlocks9491 Жыл бұрын
No action eu tenho um arquivo .php. De conexão com o BD será que consigo também colocar na mesma action, para enviar também oque foi preenchido por email? Ou duas tags action não será possível ?
@daviliallempassosdossantos1380 9 ай бұрын
Uma dúvida de um leigo se eu colocar o código no Git Hub, é possível receber os dados testes por e-mail?
@HigalLegal 3 ай бұрын
Belo vídeo, mas será da pra usar essa ferramenta em frameworks, como o Angular por exemplo?
@andersonsilva9998 2 жыл бұрын
Oi, mais uma vez obrigado pela dica. Eu acho que apareceu seu email ali no vídeo. Não vou dizer onde mas seria uma boa dar uma olhada. ✌🏻
@AdrianaSaty 2 жыл бұрын
Opaa, vou ver se consigo editar pelo yt para tirar haha obrigada!
@andersonsilva9998 2 жыл бұрын
@@AdrianaSaty às ordens! o/
@lincolnpiresdias5372 Жыл бұрын
🌹🌹
@isaquedesousa997 2 жыл бұрын
Likeeee
@AdrianaSaty 2 жыл бұрын
Thanksss! :D
@nathalia28845 Жыл бұрын
O que fazer se minha operadora de telefone me envio a fatura em html e quero encaminhar para email em formato pdf?
@viniciusvidal4894 2 жыл бұрын
Show! Mas o meu toda vez que mando dados novos no formulario, pede a confirmação no e-mail. Será algum bug??
@ALUDRAXGames 7 ай бұрын
que estençao essa que aparece automaticamente o codigo, voçe digitou label e ja apareceu tudo ali, eu to tendo que digitar tudo
@GWDead 5 ай бұрын
nao esta funcionando mesmo comigo usando o live server e tendo um servidor dedicado para isso
@xandy2v Жыл бұрын
E se ele estiver dentro da Hostinger, como fasso pra ele não bugar, desde ja obrigado
@DevJoeOficial 2 жыл бұрын
Tooops demais! O meu deu quase tudo certinho, só que eu utilizei dos forms, um no index e outro na página "thanks", e o form do index fica apresentando um erro :( "Essa página não está funcionando HTTP ERROR 405" Obrigado pelo super vídeo Saty! /0/
@Thom.Zille. 2 жыл бұрын
Saty, por que você não utilizou textarea no campo de mensagem? Só escolha pessoal mesmo ou teria alguma vantagem fazendo assim? Pergunto por curiosidade mesmo e porque ainda sou estudante na área. Valeu!
@LPCFRG Жыл бұрын
Olá Thom! O elemento HTML não é compatível com a plataforma do FormSubmit
@henriquesilva-wn3ju 4 ай бұрын
Olá, boa tarde, eu fiz exatamente igual e nem aparece essa mensagem no e-mail
@pedrinhommpc6042 Жыл бұрын
Fiz o procediemnto, porém o e-mail de ativação não chegou.
@jacodesouza6861 Жыл бұрын
Estou tentando usar esse form já em um formulário pronto mas não estou conseguindo enviar o email o Butão não funciona. Seu vídeo é muito top !
@RianFerrari Жыл бұрын
o botao tem que estar dentro do "forms" no seu html e o tipo tem que está type="submit".
@douglasoliveira683 6 ай бұрын
Oi! Quantos e-mails por dia posso enviar?
@pedrinhommpc6042 Жыл бұрын
Meu e-mail não tem BR ai ele dar como um fomato de e-amil ivalido
@Guicarllos Жыл бұрын
Boa noite! uma duvida, fiz o forms do msm jeito do vídeo, mas quando hospedei no git não funciona no celular, após clicar em enviar pelo celular não vai pra página obrigado. Me ajuda nisso por favor! 🙏🙏🙏🙏🙏🙏
@daviliallempassosdossantos1380 9 ай бұрын
Conseguiu resolver?
@alesnfelizard2100 2 жыл бұрын
Quando tento enviar o e-mail, a página me apresenta a seguinte notificação: "Unable to submit form Make sure you open this page through a web server, FormSubmit will not work in pages browsed as HTML files." Alguém poderia me ajudar a solucionar esse problema?
@AdrianaSaty 2 жыл бұрын
Sim, você precisa estar usando o formulário em um servidor. Por isso é importante usar a extensão do live server ou fazer o deploy (pode ser no github Pages, tenho um vídeo explicando como faz 😉)
@heltoncarvalho6844 2 жыл бұрын
Adriana, tem como fazer algo do tipo: enviar os dados de formulário como uma mensagem do whatsapp? No caso, após preencher o formulário, o site redireciona para um link com o texto guardado, que enviará para algum contado do whatsapp após confirmar o envio. Encontrei tutoriais em php e pouco compreensíveis. Se souber como ou tiver um link de algum repositório, agradeceria muito.
@bedyboy17 2 жыл бұрын
Amigo, eu acrescentei na minha um footer com o icone do Whatsapp: que te leve direto para enviar uma msg por la.
@marcosjunior9119 Жыл бұрын
opa tem como sim, porem vai precisar fazer uso de javascript para isso, nao e dificil nao
@thiagorodrigues5958 5 ай бұрын
Alguém consegue me ajudar. O meu retornou que não é possível enviar formulário, o formSubmit não funciona em página navegadas como arquivos html
@GUSTAVO_PLAYER29 5 ай бұрын
o meu esta do mesmo jeito
@eduardolaux9976 2 жыл бұрын
Alguém sabe como ajustar a caixa de texto para a digitação começar na parte superior?
@AdrianaSaty Жыл бұрын
Não entendi sua pergunta xD
@portinho199 Жыл бұрын
Troque por ! Dá certo o que vc quer!
@YuiMiya147 2 жыл бұрын
Pode fazer um vídeo mostrando o Linux que vc usa ?
@AdrianaSaty 2 жыл бұрын
Eu uso macOs :)
@YuiMiya147 2 жыл бұрын
@@AdrianaSaty chique
@lucasczeck 2 жыл бұрын
No meu caso ele não funcionou, vai até o final porém o e-mail que chega pra mim não mostra a mensagem colocada nem o e-mail que foi colocado na área de contato
@AdrianaSaty 2 жыл бұрын
O que chega no e-mail?
@lucasczeck 2 жыл бұрын
@@AdrianaSaty ele chegava com a mensagem em branco, mas descobri que era porque coloquei apenas o id e tinha deixado sem o atributo name kkkkkk agora funcionou certinho
@ffgamerplayer5361 Жыл бұрын
Você usa alguma extensão para da ❗ e aparecer a estrutura HTML ?
@AdrianaSaty Жыл бұрын
não uso! É do proprio VS Code
@ffgamerplayer5361 Жыл бұрын
@@AdrianaSaty é porque sou novo na área entendo nada, estou acompanhando seus vídeos e não sei se você coloca( ! E enter )ou (! E tab)
@alx_caio 2 жыл бұрын
Adriana, qual o modelo do seu monitor?
@AdrianaSaty 2 жыл бұрын
monitor ultrawide lg 29um69g
@LucasVieira-vi8td Жыл бұрын
Tenho bastante dificuldade em deixa o site responsivo, há possibilidade de fazer um vídeo explicando?
@AdrianaSaty Жыл бұрын
tem sim!! Anotado!
@LucasVieira-vi8td Жыл бұрын
@@AdrianaSaty Obrigado e parabéns pelo canal.
@carrasco752 Жыл бұрын
" A parte mais legal é que se você é noiado com segurança. " Ela falou mesmo isso? SLOWMOTION ATIVO Ah, sim. kkk
@diegao8792 2 жыл бұрын
Oi, gostaria de saber qual a melhor escola de programação boot camp.. Labenu Trybe Le Wagon Rocketseat Gama Academy Digital House Kenzie Academy Ironhack Alura Digital Innovation One Na kenzie, eu passei no processo seletivo e preciso saber se é confiavel.. O que vc sabe sobre essas escolas, ajuda nois ae ☺
@AdrianaSaty 2 жыл бұрын
Isso é muito pessoal. É melhor Vc pesquisar a ementa do curso e preço, se é presencial ou on line
@diegao8792 2 жыл бұрын
@@AdrianaSaty entendi ☺
@brunomessias525 2 жыл бұрын
Dica: Usar um email fake/secundário. Ali tu tentou esconder mas depois ficou exposto :/ kkk
@victorfrankee5899 2 жыл бұрын
Ia falar isso, tem um trecho do vídeo que o e-mail acaba ficando exposto
@AdrianaSaty 2 жыл бұрын
Poise! Hahaha falhou na edição 🙈 mas pelo menos é o meu e-mail comercial hahaha então não tem problema
@eletrotech51 Ай бұрын
quando usa a next da erro esse ==> A conexão com este site não é segura127.0.0.1 enviou uma resposta inválida. o que sera que deve ser ??
Scary Teacher 3D Gaming
Рет қаралды 38 МЛН
Rodrigo Mello
Рет қаралды 1,9 М.
Igor Venancio
Рет қаралды 7 М.
lev89k
Рет қаралды 1,2 МЛН