Classificação
0 %
Popularidade
Opine
Descrição:
Aula de formulários em HTML5 tem continuidade com alguns objetos e propriedades novas. Para a tag FORM, o parâmetro …
NOVIDADES:
O atributo method="", dentro da tag <form>, serve para definir COMO as INFORMAÇÕES do FORMULÁRIO serão ENVIADAS. Existem 2 valores possíveis: "get" e "post".
1 – method="get"
– rápido/menos seguro: As informações enviadas APARECEM no URL na forma de VARIÁVEIS (chave/valor).
– O comprimento do URL é limitado à 3000 caracteres.
2 – method="post"
– "lento"/mais seguro: As informações enviadas NÃO APARECEM no URL.
– Não há limite de caracteres.
O atributo action="", dentro da tag <form>, especifica para ONDE as INFORMAÇÕES do FORMULÁRIO serão ENVIADAS. O seu valor pode ser um URL ou um EMAIL (mailto:).
A tag <select> serve para criar uma LISTA DROP-DOWN.
A tag <option>, dentro da tag <select>, permite a criação de uma OPÇÃO/alternativa dentro desta lista.
O atributo selected , dentro da tag <option>, serve para MARCAR PREVIAMENTE alguma das opções.
*Semelhante ao atributo checked da aula anterior.
O atributo value="" serve para definir QUE VALOR será enviado ao servidor no momento em que um FORMULÁRIO for ENVIADO.
A tag <optgroup>, dentro da tag <select>, serve para AGRUPAR várias OPÇÕES (tags <option>) dentro de uma SEÇÃO dentro da lista drop-down.
A tag <datalist> serve para criar uma LISTA PRE-DEFINIDA de opções para um <input>. Neste, diferente da tag <select>, é possível ESCREVER e não apenas ESCOLHER uma das opções listadas. Então o <datalist> funciona mais como uma LISTA DE SUGESTÕES, uma LISTA DE AUTOCOMPLETAR.
O atributo list="", dentro da tag <input>, serve para ATRELAR este INPUT à uma tag <datalist>. O seu valor é o ID da tag <datalist>.
O atributo type="range", dentro da tag <input>, serve para criar um "seletor deslizante" em que você pode definir um valor arrastando-o horizontalmente. Neste cenário o valor em si não é tão importante devido à imprecisão deste seletor.
A tag <textarea> serve para criar uma CAIXA DE TEXTO com tamanho PERSONALIZADO. Você pode utilizar o atributo cols="" para determinar o número de COLUNAS. E também pode utilizar o atributo rows="" para determinar o número de LINHAS.
A música do início é da boneca Juju Carente
Fazendo o Curso em 2022 Cheguei jaja termina.
faz muito tempo esses videos tenho 13 anos ja estudei javascript no curso dele por isso ele é meu fessor favorito 🙂
O site está dando erro. Eu concluí o curso todo o de HTML, mas ao tentar fazer a prova final, aparece uma mensagem dizendo que eu não assisti todos os videos. Mesmo eu tendo assistido. Todos os vídeos inclusive aparecem como marcados como assistidos. O que devo fazer?
Show
Alguém fazendo esse curso em 2021?
Ah, que curso incrível. Muita qualidade! Parabéns é pouco para o professor Gustavo!
joinha
assitindo em 2021 e aprendendo muiiiiiiiiiiiiiito obrigado professor estou iniciando em programação e seu jeito de ensinar e pratico!!!!!!!!!!!!!!!
Que baita curso, pena que ta chegando ao fim…
Terminando em 2021. Muito obrigado pelas aulas! Agora é começar o novo curso de HTML5 lançado 🙂
5:21 armazenamento de dados
Cara, seu curso é otimo, a unica duvida que fico perdido é esse monte de arquivo, e como organizar essas paginas? arruma pagina com comandos, pula para outra pagina, com outros comandos, eu entendo, depois fico perdido. Como na pratica organizar tudo, se alguém puder me dar uma luz. Grato
+3 aulas e já posso começa colocar isso em pratica fazendo projetos aleatorios
21:12 – Vim do futuro para dizer que você não ficou careca.
só para me lembrar de quando comecei…pandemia em 2020.
Da pra fazer com python também?
Eu quero aprender python antes do php
Minutagem
00:00 Intro e apresentação
00:44 Início da aula
05:24 method post
05:35 action
07:19 select
07:53 option
09:00 selected
09:15 value
10:26 optgroup
12:17 datalist
14:20 list
15:43 input type range
17:28 textarea
Ótimo
#Coding #Hacking #Python #JavaScript #Tricks
#Guanabara você tem algum cursos de segurança mobile focado em #Android em #Kotlin?
Congrats great job. </`ハッカー"> 📲
<optgroup label="Região Norte">
<option value="AC">Acre</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="PA">Pará</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="TO">Tocantins</option>
</optgroup>
<optgroup label="Região Nordeste">
<option value="AL">Alagoas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="MA">Maranhão</option>
<option value="PB">Paraíba</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RN">Rio Grande do Norte</option>
<option value="SE">Sergipe</option>
</optgroup>
<optgroup label="Região Centro-Oeste">
<option value="DF">Distrito Federal</option>
<option value="GO">Goiás</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
</optgroup>
<optgroup label="Região Sudeste">
<option value="ES">Espírito Santo</option>
<option value="MG">Minas Gerais</option>
<option value="RJ">Rio de Janeiro</option>
<option value="SP">São Paulo</option>
</optgroup>
<optgroup label="Região Sul">
<option value="PR">Paraná</option>
<option value="RS">Rio Grande do Sul</option>
<option value="SC">Santa Catarina</option>
</optgroup>
alguém conseguiu coloca nome de todas as cidades ?
Eu testei e não foi enviado nada em meu email 🙁 (eu uso o EMAIL do Windows com conta google)
Alguém sabe me ajudar a trazer dados de um site e trazer para o meu usando html e php?. Ex.: temperatura no site do inpe e trazer para o meu de surf.
Muito legal!!!
Mas eu sou do CEARÁAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
Onde consigo este editor?
Excelente aula!
Muita coisa mudou desde 2014, hoje, em 2020, a experiência do usuário tem uma referência chamada Material Design do Google. Gustavo, poderia material conteúdo seguindo essa sugestão de UX.?! E parabéns pelo curso em vídeo.
Curioso para saber se mais alguém foi no Curso de PHP e deu uma voltada para refrescar a memória sobre formulários. kkk
15:20
Gustavo e equipe. Parabéns pelo magnífico trabalho que fazem. Ajuda a todos, com certeza. comecei o curso de HTML5 dia 17/01/2020 e terminei dia 30/01/2020 e acertei tudo na prova. O certificado é que saiu com aproveitamento de 1%, mas de resto foi tudo absolutamente perfeito. Parabéns! Seguindo agora para PHP, MySQL, Java e Javascript. Vamos que vamos.
Que curso meus amigos! Que curso! Se você chegou até aqui e tá dando tudo certo e você tá entendendo, tá conseguindo aprender, você sabe a satisfação que tá dando!
QUE TRAMPO DA PORRA
Obrigado Guanabara e equipe!!!
dezembro de 2019 nos finalmentes!!!
Thank you teacher!
Quase terminando esse curso maravilhoso.
Essa mulher da Udemy tá full stack, hien.
Sensacional o curso! Parabéns e muito obrigado pelo o aprendizado!
que intro divertida vey, já se entra na aula dando um sorrisão
eu faço curso de Desenvolvedor Web: Formação Front-end e desenvolvedor de aplicações web hidridas e nativas. é complicado, mas sempre vou acompanhando seu canal ja tem um tempo,e gosto muito da maneira que VOCÊ ENSINA AS COISAS você facilita demais ensina uma maneira mais pratica e sem complicações. so tenho que agradecer você pelo seu trabalho e por querer ajudar quem está começando sou seu fãn e cada vez que custo a entender uma coisa eu sempre venho ao seu canal porque eu sei que da maneira que você explica muito muito a entender melhor. so queria agradecer você pelo seu canal e pela ajuda que esta proporciomando seu trabalho. PARA MIM O MELHOR CANAL DO YOUTUBE DE DESENVOLVIMENTO WEB…OBRIGADO POR EXISTIR COM ESSE CANAL, espero aprender cada dia mais com meu curso e com suas video aula que esta sendo muito importante para mim… sucesso para você e que venha muito mais por ai. meus parabens! desculpa os erros de ortografia, tudo de bom para você!!!
top
maravilhoso
achei meio chatinho usar o range sem mostrar valor algum.
Então fiz isso:
<form>
<input type="range" name="tUrg" id="cUrg" min="0" max="10" value="0" step="2"
oninput="this.form.tUrgV.value=this.value">
<input type="number" name="tUrgV" id="cUrgV" min="0" max="10" value="0" step="2"
oninput="this.form.tUrg.value=this.value">
</form>
Pra quem ta usando o sublime text, a função surround with é com (ALT+SHIFT+W) UPUPUP!!
UP
Sou de belford roxo.
Esse curso é excelente! Muito obrigado Professor Guanabara e equipe.