Como criar formulários com HTML5 - @Curso em Vídeo HTML5 e CSS3

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024

ความคิดเห็น • 68

  • @ariane15bj
    @ariane15bj 2 ปีที่แล้ว +108

    Guanabara você mudou minha vida consegui meu primeiro estágio em desenvolvimento só fazendo suas aulas , rumo a jr agora hahaha

  • @tiago.sampa_
    @tiago.sampa_ ปีที่แล้ว +41

    📝 REVISÃO DO GAFANHOTÃO:
    *Os formulários devem estar dentro de:*

    *Input de texto:*
    Ex:
    Nome:

    *Input de envio:*
    Ex:

  • @jesselemes6882
    @jesselemes6882 ปีที่แล้ว +13

    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.

  • @_Victor-Lourenco
    @_Victor-Lourenco ปีที่แล้ว +22

    *_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.

  • @descomplicandoafisicacompr2978
    @descomplicandoafisicacompr2978 2 ปีที่แล้ว +5

    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.

  • @renatoorosco
    @renatoorosco ปีที่แล้ว +6

    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 🖖

  • @minhaarea2689
    @minhaarea2689 2 ปีที่แล้ว +10

    To ficando bom nisso !
    tamo junto até aqui.

    • @na_panfletos_e_cartoes
      @na_panfletos_e_cartoes 2 ปีที่แล้ว

      já fez um projeto próprio? Fora das linhas das aulas tipo algum site ou Blog?

  • @komai-2706
    @komai-2706 ปีที่แล้ว +1

    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.

  • @MPENT12
    @MPENT12 5 หลายเดือนก่อน

    ó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

  • @FranciBahamult
    @FranciBahamult 2 ปีที่แล้ว +2

    Aula importante para professores!

  • @OMVPPRODUCOES
    @OMVPPRODUCOES 2 ปีที่แล้ว +1

    Vamos que vamos 👊🏻🙋🏻‍♂️

  • @mfmontovani
    @mfmontovani 2 ปีที่แล้ว +1

    Bora aprender!!!

  • @PatsFerrer
    @PatsFerrer ปีที่แล้ว +1

    Como sempre uma aula espetacular, explicando sempre os pontos importantes de cada coisa! Obrigada, sensei!

  • @rafaelmotta2124
    @rafaelmotta2124 2 ปีที่แล้ว +27

    Epa alguém por aqui??

    • @mfmontovani
      @mfmontovani 2 ปีที่แล้ว +4

      Tamo junto!!!

    • @OMVPPRODUCOES
      @OMVPPRODUCOES 2 ปีที่แล้ว +3

      👊🏻🙋🏻‍♂️

    • @OMVPPRODUCOES
      @OMVPPRODUCOES 2 ปีที่แล้ว +3

      Vamos que vamos

    • @glaskario4836
      @glaskario4836 2 ปีที่แล้ว +1

      Opaa

    • @luckingbr2047
      @luckingbr2047 2 ปีที่แล้ว +1

      Se cada vez que eu pensasse em vc sumisse um pedacinho de mim... Epa, cade eu?

  • @MundodoGeoprocessamento
    @MundodoGeoprocessamento 2 ปีที่แล้ว +1

    Maravilhoso nas informações

  • @periclesperesoficial
    @periclesperesoficial ปีที่แล้ว

    Show.

  • @MasterTorres
    @MasterTorres 2 ปีที่แล้ว +2

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

  • @ianfelipe3552
    @ianfelipe3552 2 ปีที่แล้ว +1

    Que massa, velhoo

  • @vitorac412
    @vitorac412 2 ปีที่แล้ว

    Bora que boraaaaa

  • @MatheusAlves-cq6pj
    @MatheusAlves-cq6pj 2 ปีที่แล้ว +1

    Mais uma aula daquela :)

  • @emilsonfilho168
    @emilsonfilho168 2 ปีที่แล้ว +2

    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 🖖

  • @koronacat
    @koronacat ปีที่แล้ว +1

    7:38 Nem sempre funcionar é a melhor forma de fazer. Guanabara

  • @marcelocabral9283
    @marcelocabral9283 ปีที่แล้ว +3

    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

  • @otavioaugusto6356
    @otavioaugusto6356 2 ปีที่แล้ว +3

    Só vim dar uma espiada no módulo 4 ksksks

  • @ianfelipe3552
    @ianfelipe3552 2 ปีที่แล้ว +1

    👏👏👏

  • @technologyfacts.
    @technologyfacts. 2 ปีที่แล้ว +6

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

    • @macetandootigre
      @macetandootigre 2 ปีที่แล้ว +6

      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

    • @ithalowillian1658
      @ithalowillian1658 2 ปีที่แล้ว +6

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

  • @Allamcm
    @Allamcm 7 หลายเดือนก่อน +2

    10:12 "Basta botar tudo dentro do velho" kkkkkk

    • @kyottae
      @kyottae หลายเดือนก่อน +1

      esse comentário tem potencial

  • @melbrito7495
    @melbrito7495 2 ปีที่แล้ว

    Muito bom!

  • @RNaturee
    @RNaturee ปีที่แล้ว +1

    Fazendo curso da OneBitCode mas não largo meu Guanabara por nada

  • @ianfelipe3552
    @ianfelipe3552 2 ปีที่แล้ว +1

    😁🤩🤩

  • @sseeiillaa
    @sseeiillaa 2 ปีที่แล้ว

    só vamooo

  • @tonqueiroz3962
    @tonqueiroz3962 ปีที่แล้ว

    brabo

  • @yannunesdasilva2769
    @yannunesdasilva2769 2 ปีที่แล้ว +2

    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

  • @renatolabscorps
    @renatolabscorps 2 ปีที่แล้ว

    "Linguagem baunilha" hã!? Saquei a referência Hahahahah!

  • @andretakayama2088
    @andretakayama2088 2 ปีที่แล้ว +1

    aula incrivel

  • @marcellosantos2305
    @marcellosantos2305 2 ปีที่แล้ว +2

    Opa, bão ?

  • @Victor-jl4cc
    @Victor-jl4cc 2 ปีที่แล้ว +1

    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

    • @kaiobatistaalmeida
      @kaiobatistaalmeida 2 ปีที่แล้ว

      Não tem acesso a ele todo, mas tem algumas aulas na frente, só não sei dizer quantas

  • @anavitoriaalmeidadasilva2938
    @anavitoriaalmeidadasilva2938 ปีที่แล้ว

    As contas que você cria nas redes sociais são formulários.

  • @ronnychack
    @ronnychack ปีที่แล้ว

    tem como deixar github desktop minimizado?

  • @lucasfreitas4932
    @lucasfreitas4932 2 ปีที่แล้ว

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

  • @nonokomoto7646
    @nonokomoto7646 2 ปีที่แล้ว

    Não há material de apoio desse módulo no GitHub

  • @vemros8980
    @vemros8980 2 ปีที่แล้ว

    Gostaria de saber se o curso vídeo tem um grupo no WhatsApp.

  • @jusjcju
    @jusjcju 2 ปีที่แล้ว

    N encontro os PDFs das aulas 21 em diante. Alguem ajuda?

  • @leonardozanre-logicbin
    @leonardozanre-logicbin 2 ปีที่แล้ว

    Gustavo, preciso falar com você, estou tentando enviar email, mas está retornando, por favor, me avise! Abraços!

  • @rafaelazevedo8928
    @rafaelazevedo8928 2 ปีที่แล้ว

    Alguém tem acesso aos pdfs dos caps 21 em diante? N encontro em lugar nenhum

    • @danilosilva7138
      @danilosilva7138 2 ปีที่แล้ว

      Também não achei procurei nos 2 GitHub do professor mais não estão lá.

  • @marcelavega3303
    @marcelavega3303 7 หลายเดือนก่อน

    METADE DO VIDEO PRA COMECAR O QUE INTERESSA kkkkkkkkkkk vsf