Mano esse trabalho comunitário que é realizado por vcs, não tem como o coração não vibrar, vendo histórias sendo transformadas, pelo acesso à tecnologia.
*_CRIANDO UM FORMULÁRIO SIMPLES:_* Da maneira mais essencial e simples possível: *1 - )* Para criar um formulário HTML, usamos a tag " ** ". Essa tag tem a função de *DELIMITAR* o nosso formulário. Tudo aquilo que estiver dentro desse par de tags será considerado como conteúdo do formulário.
Na hora que o usuário clicar em "enviar", basicamente o sistema vai encapsular toda informação que estiver dentro desse par de tags, independentemente de quantos campos forem, e mandar para o servidor. (Existem alguns atributos/parâmetros que são importantíssimos para essa tag, mais adiante iremos nos aprofundar nisso) *2 - )* Posteriormente, ainda dentro dessa tag , abrimos a tag " ** " (prefixo). Essa tag serve para determinar uma *ETIQUETA* para algum componente de entrada do formulário (etiqueta de uma caixa de texto por exemplo). Dentro dessa tag, você deve escrever o *título da sua etiqueta.* Exemplo: "Nome:" - (Também existem alguns atributos/parâmetros para essa tag, mais adiante iremos nos aprofundar nisso) *3 - )* Logo em seguida, embaixo da tag que adicionamos, abrimos a tag " ** ". Essa tag serve para adicionarmos um *COMPONENTE* (objeto de entrada que vai receber os dados do usuário). Como foi dito anteriormente, para formulários existem componentes de entrada de vários tipos... Quando você abrir a sua tag input, será necessário escolher o tipo de componente que ela será (o tipo de componente do input fica especificado no atributo 'type'). Como na nossa label/etiqueta estamos solicitando o nome do usuário, devemos escolher o input do tipo _"text",_ que seria uma caixa de texto básica. *Obs.:* Na maioria dos tipos de *input* é necessário ter os atributos "name" e "id"... Ao inserir o componente input, por padrão esses dois atributos já acompanham a tag de input (como no caso da nossa caixa de texto básica). Você pode dar a mesma nomenclatura para ambos se quiser.
*4 - )* O formulário do nosso exemplo também precisa de um botão "Enviar", esse botão possui a função de iniciar a ação de submissão (envio) dos dados preenchidos nos campos. Ele também é um componente e portanto iremos precisar abrir outro input, mas dessa vez do tipo _"submit"_ (submeter/enviar). Ao abrir esse tipo de input, por padrão o atributo "value" já vem acompanhando a tag, dentro desse atributo você deve escrever o rótulo do botão ("Enviar"). *Importante:* Do jeito que o formulário foi descrito no nosso exemplo, não existe uma *ligação* entre a nossa label e a caixa de texto básica. É muito importante que exista um vínculo entre a label e o seu respectivo componente... Isso é essencial para que os mecanismos de busca, ou até mesmo o seu navegador, saibam que existe uma ligação entre determinada etiqueta e o seu respectivo componente de entrada. Mais adiante iremos aprender a fazer essas configurações extras de vínculo, tornando o nosso formulário mais útil.
Parabéns pela iniciativa Guanabara, estou aprendendo muito. Estou fazendo html e estou na reta final deste fantástico curso. Parabéns pela sua didática, transformando conteúdos complexos em simples.
Obrigado por mais essa aula, Gafanhoto-Rex! Estou muito animado por ter começado a aprender sobre formulários e também por saber que é um conteúdo-base para aprender JavaScript (que faz parte dos meus planos futuros). Bons estudos à todos que estão iniciando esse módulo. E não se esqueçam do like e de deixar um comentário de apoio 🖖
Dando continuidade, daquele jeito... Termino este módulo antes do final deste mês, daí em diante vou prosseguir com lógica de programação e JavaScript.
ótima aula Guanabara, didática perfeita!!! A única coisa que não funcionou foi... eu coloquei o Label tudo certinho, revisei para ver se não tinha esquecido nada e realmente não esqueci, mas quando eu clicava no nome não ir pra caixa para escrever, mesma coisa com o sobrenome, nem quando eu passava o mouse por cima do nome ou sobrenome
Fala Guanabara!!! Viu, eu estou fazendo o seu curso de Microsoft Word e estou gostando muito!! Já estou na aula 18, porém, tive um pequeno problema. Nesta aula você disponibilizou um link para download de um arquivo que não está mais disponível! Você poderia colocar um link novo por favor? 😁
1:00 Nas férias, quando o curso de HTML tinha dado uma pausa, fiz o de JS e... Guanabara, necessitamos de uma continuação daquele curso (kdkk) Brincadeiras a parte, ambos os cursos são ótimos e tô ainda prosseguindo nos estudos aprendendo varias coisas Valeu, Guanabara 🖖
Desabafo 😄. Estudei Python aqui mesmo no Curso em Vídeo, A muito tempo mais já esqueci quase tudo, nem mesmo sabia para que estava estudando era mesmo pela logica de programação eu acho. Passei para esse de HTML CSS ate ai blz; tentei estudar JavaScript aqui no Curso em Vídeo assisti a playlist duas vezes mais sinto que não sei JavaScript voltei e terminei o custo de HTML CSS e me sinto bom nessas ferramentas de estilização "Mais agora estou sentindo que não sou programador e sim designer pois não sou bom em nenhuma linguagem de programação". Não quero ser designer!, já tem 9 meses que estudo programação para perceber que na real, não sei programar😂😂😂😂. Mais alguém também tem esse sentimento??
html e css é geralmente por onde as pessoas iniciam, porém é a parte voltada para o design da programaçãro, o front-end. se vc quer o back-end, que é por debaixo do capô das aplicações, é necessário adquirir algum curso de back-end e praticar incansavelmente fora que a área de tecnologia da informação não tem só programação resumida em front, back e fullstack, tem área de segurança, gestão e milhares de outras os cursos do guanabara são só o pontapé inicial. o assunto é infinitamente mais profundo, comece por aqui mas tenha em mente que é só a ponta do iceberg
já tive um pouco desse sentimento. Mas lembre-se tem gente que passa 4 anos estudando em uma faculdade para ver se consegue o primeiro emprego na área. Então se você só tem esse tempo estudando, tenha paciência. Muita gente na internet diz que você pode se tornar programador com apenas 6 meses, um ano mas na verdade, isso depende de pessoa para pessoa, são vidas diferentes e mundos diferentes. Resumo, se você não desistir você vai chegar lá.
Um bom dia, fui procurar o material de apoio em PDF no GitHub, mas não achei nada. Alguém consegue me ajudar me informando o que aconteceu? O porquê não foi disponibilizado, ou simplesmente não há pdf para essa aula? É conteúdo pago? Me ajuda por favor. Abraços
Bom dia! Meus formulários não abrem o arquivo .php, só faz download, no método get, ou abre "página não encontrada" no método post. Alguém pode me ajudar???
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
Guanabara você mudou minha vida consegui meu primeiro estágio em desenvolvimento só fazendo suas aulas , rumo a jr agora hahaha
Parabéns 👏👏👏👏👏👏
Quantos meses de estudo?
show
boooa, sucesso!!!
top
📝 REVISÃO DO GAFANHOTÃO:
*Os formulários devem estar dentro de:*
*Input de texto:*
Ex:
Nome:
*Input de envio:*
Ex:
Mano esse trabalho comunitário que é realizado por vcs, não tem como o coração não vibrar, vendo histórias sendo transformadas, pelo acesso à tecnologia.
*_CRIANDO UM FORMULÁRIO SIMPLES:_*
Da maneira mais essencial e simples possível:
*1 - )* Para criar um formulário HTML, usamos a tag " ** ". Essa tag tem a função de *DELIMITAR* o nosso formulário. Tudo aquilo que estiver dentro desse par de tags será considerado como conteúdo do formulário.
Na hora que o usuário clicar em "enviar", basicamente o sistema vai encapsular toda informação que estiver dentro desse par de tags, independentemente de quantos campos forem, e mandar para o servidor. (Existem alguns atributos/parâmetros que são importantíssimos para essa tag, mais adiante iremos nos aprofundar nisso)
*2 - )* Posteriormente, ainda dentro dessa tag , abrimos a tag " ** " (prefixo). Essa tag serve para determinar uma *ETIQUETA* para algum componente de entrada do formulário (etiqueta de uma caixa de texto por exemplo). Dentro dessa tag, você deve escrever o *título da sua etiqueta.* Exemplo: "Nome:" - (Também existem alguns atributos/parâmetros para essa tag, mais adiante iremos nos aprofundar nisso)
*3 - )* Logo em seguida, embaixo da tag que adicionamos, abrimos a tag " ** ". Essa tag serve para adicionarmos um *COMPONENTE* (objeto de entrada que vai receber os dados do usuário). Como foi dito anteriormente, para formulários existem componentes de entrada de vários tipos... Quando você abrir a sua tag input, será necessário escolher o tipo de componente que ela será (o tipo de componente do input fica especificado no atributo 'type').
Como na nossa label/etiqueta estamos solicitando o nome do usuário, devemos escolher o input do tipo _"text",_ que seria uma caixa de texto básica. *Obs.:* Na maioria dos tipos de *input* é necessário ter os atributos "name" e "id"... Ao inserir o componente input, por padrão esses dois atributos já acompanham a tag de input (como no caso da nossa caixa de texto básica). Você pode dar a mesma nomenclatura para ambos se quiser.
*4 - )* O formulário do nosso exemplo também precisa de um botão "Enviar", esse botão possui a função de iniciar a ação de submissão (envio) dos dados preenchidos nos campos. Ele também é um componente e portanto iremos precisar abrir outro input, mas dessa vez do tipo _"submit"_ (submeter/enviar). Ao abrir esse tipo de input, por padrão o atributo "value" já vem acompanhando a tag, dentro desse atributo você deve escrever o rótulo do botão ("Enviar").
*Importante:* Do jeito que o formulário foi descrito no nosso exemplo, não existe uma *ligação* entre a nossa label e a caixa de texto básica. É muito importante que exista um vínculo entre a label e o seu respectivo componente... Isso é essencial para que os mecanismos de busca, ou até mesmo o seu navegador, saibam que existe uma ligação entre determinada etiqueta e o seu respectivo componente de entrada. Mais adiante iremos aprender a fazer essas configurações extras de vínculo, tornando o nosso formulário mais útil.
Parabéns pela iniciativa Guanabara, estou aprendendo muito. Estou fazendo html e estou na reta final deste fantástico curso. Parabéns pela sua didática, transformando conteúdos complexos em simples.
Obrigado por mais essa aula, Gafanhoto-Rex! Estou muito animado por ter começado a aprender sobre formulários e também por saber que é um conteúdo-base para aprender JavaScript (que faz parte dos meus planos futuros). Bons estudos à todos que estão iniciando esse módulo. E não se esqueçam do like e de deixar um comentário de apoio 🖖
como esta ai?
To ficando bom nisso !
tamo junto até aqui.
já fez um projeto próprio? Fora das linhas das aulas tipo algum site ou Blog?
Dando continuidade, daquele jeito... Termino este módulo antes do final deste mês, daí em diante vou prosseguir com lógica de programação e JavaScript.
ótima aula Guanabara, didática perfeita!!! A única coisa que não funcionou foi... eu coloquei o Label tudo certinho, revisei para ver se não tinha esquecido nada e realmente não esqueci, mas quando eu clicava no nome não ir pra caixa para escrever, mesma coisa com o sobrenome, nem quando eu passava o mouse por cima do nome ou sobrenome
Aula importante para professores!
Vamos que vamos 👊🏻🙋🏻♂️
Bora aprender!!!
Como sempre uma aula espetacular, explicando sempre os pontos importantes de cada coisa! Obrigada, sensei!
Epa alguém por aqui??
Tamo junto!!!
👊🏻🙋🏻♂️
Vamos que vamos
Opaa
Se cada vez que eu pensasse em vc sumisse um pedacinho de mim... Epa, cade eu?
Maravilhoso nas informações
Show.
Fala Guanabara!!! Viu, eu estou fazendo o seu curso de Microsoft Word e estou gostando muito!! Já estou na aula 18, porém, tive um pequeno problema. Nesta aula você disponibilizou um link para download de um arquivo que não está mais disponível! Você poderia colocar um link novo por favor? 😁
Que massa, velhoo
Bora que boraaaaa
Mais uma aula daquela :)
1:00
Nas férias, quando o curso de HTML tinha dado uma pausa, fiz o de JS e... Guanabara, necessitamos de uma continuação daquele curso (kdkk)
Brincadeiras a parte, ambos os cursos são ótimos e tô ainda prosseguindo nos estudos aprendendo varias coisas
Valeu, Guanabara 🖖
7:38 Nem sempre funcionar é a melhor forma de fazer. Guanabara
Atualização 28/11/2022 não tem mais os PDF no GITHUB dos capítulos 21 em diante isso eu percebi que não é mais disponibilizado já faz uns 4 meses
Só vim dar uma espiada no módulo 4 ksksks
👏👏👏
Desabafo 😄.
Estudei Python aqui mesmo no Curso em Vídeo, A muito tempo mais já esqueci quase tudo, nem mesmo sabia para que estava estudando era mesmo pela logica de programação eu acho.
Passei para esse de HTML CSS ate ai blz; tentei estudar JavaScript aqui no Curso em Vídeo assisti a playlist duas vezes mais sinto que não sei JavaScript voltei e terminei o custo de HTML CSS e me sinto bom nessas ferramentas de estilização "Mais agora estou sentindo que não sou programador e sim designer pois não sou bom em nenhuma linguagem de programação".
Não quero ser designer!, já tem 9 meses que estudo programação para perceber que na real, não sei programar😂😂😂😂.
Mais alguém também tem esse sentimento??
html e css é geralmente por onde as pessoas iniciam, porém é a parte voltada para o design da programaçãro, o front-end.
se vc quer o back-end, que é por debaixo do capô das aplicações, é necessário adquirir algum curso de back-end e praticar incansavelmente
fora que a área de tecnologia da informação não tem só programação resumida em front, back e fullstack, tem área de segurança, gestão e milhares de outras
os cursos do guanabara são só o pontapé inicial. o assunto é infinitamente mais profundo, comece por aqui mas tenha em mente que é só a ponta do iceberg
já tive um pouco desse sentimento. Mas lembre-se tem gente que passa 4 anos estudando em uma faculdade para ver se consegue o primeiro emprego na área. Então se você só tem esse tempo estudando, tenha paciência. Muita gente na internet diz que você pode se tornar programador com apenas 6 meses, um ano mas na verdade, isso depende de pessoa para pessoa, são vidas diferentes e mundos diferentes. Resumo, se você não desistir você vai chegar lá.
10:12 "Basta botar tudo dentro do velho" kkkkkk
esse comentário tem potencial
Muito bom!
Fazendo curso da OneBitCode mas não largo meu Guanabara por nada
😁🤩🤩
só vamooo
brabo
Um bom dia, fui procurar o material de apoio em PDF no GitHub, mas não achei nada. Alguém consegue me ajudar me informando o que aconteceu? O porquê não foi disponibilizado, ou simplesmente não há pdf para essa aula? É conteúdo pago? Me ajuda por favor. Abraços
"Linguagem baunilha" hã!? Saquei a referência Hahahahah!
aula incrivel
Opa, bão ?
Alguem pode me tirar duvida? Quem é apoiador do curso em video já tem acesso a todo o modulo 4 ou está sendo lançado da mesma forma que no youtube
Não tem acesso a ele todo, mas tem algumas aulas na frente, só não sei dizer quantas
As contas que você cria nas redes sociais são formulários.
tem como deixar github desktop minimizado?
Bom dia! Meus formulários não abrem o arquivo .php, só faz download, no método get, ou abre "página não encontrada" no método post. Alguém pode me ajudar???
Não há material de apoio desse módulo no GitHub
Gostaria de saber se o curso vídeo tem um grupo no WhatsApp.
Não, tem do Telegram
N encontro os PDFs das aulas 21 em diante. Alguem ajuda?
Gustavo, preciso falar com você, estou tentando enviar email, mas está retornando, por favor, me avise! Abraços!
Alguém tem acesso aos pdfs dos caps 21 em diante? N encontro em lugar nenhum
Também não achei procurei nos 2 GitHub do professor mais não estão lá.
METADE DO VIDEO PRA COMECAR O QUE INTERESSA kkkkkkkkkkk vsf