Desenvolvimento Web em HTML, CSS, JS e PHP - Tema 3 - 4

Question 1

Como unir uma label (rótulo/descrição) a um input (elemento de entrada do usuário)?

Answer 1

Utilizar o mesmo valor no atributo for do elemento label que o id do elemento input.

Question 2

Qual a tag principal de um formulário?

Answer 2

A tag container (pai) <form>.

Question 3

Como funciona a tag <input></input>?

Answer 3

A tag input representa os campos de um formulário que geralmente tem diversos tipos de campos, você muda o tipo do campo atráves do atributo type.

Question 4

O que faz a tag <textarea>?</textarea>

Answer 4

é um campo de texto com múltiplas linhas.

Question 5

O que fazem as tags <select> e <option>?</option></select>

Answer 5

campos de seleção que permitem um menu de opções, onde o container é definido pela tag <select> e os itens pela tag <option>.</option></select>

Question 6

o que faz a tag <button>?</button>

Answer 6

campo de botão. Permite que uma ação seja executada no formulário - enviar o formulário, limpar os dados, etc.

Question 7

O que faz a tag <fieldset>? e <legend>?

Answer 7

cria seções dentro do formulário, ajudando a separar os campos no código e a visualizar a página no navegador.
A tag <legend> entitula o campo o tornando de mais fácil compreensão e organização.

Question 8

O que faz o atributo action na tag <form>?

Answer 8

define a URL (endereço) para a qual os dados do formulário serão enviados.

Question 9

O que faz o atributo method na tag <form>?

Answer 9

define o método HTTP (POST ou GET) para envio dos dados.

Question 10

O que faz o atributo for na tag <label>?</label>

Answer 10

vincula a tag <label> ao campo ao qual ela se refere. Este vínculo faz com que seja possível clicar na label para ativar o campo relacionado.</label>

Question 11

O que faz o atributo minlength na tag <input></input>? e o maxlegth?

Answer 11

• define a quantidade de caracteres mínima.
• define a quantidade de caracteres máxima.

Question 12

O que faz o atributo type na tag <input></input>?

Answer 12

define o tipo do campo e, sobretudo, como ele se comporta.

Question 13

O que faz o atributo type na tag <button>? quais os possíveis tipos?</button>

Answer 13

define o tipo de botão, tendo como possíveis tipos: submit, reset e button que são utilizados eventos.

Question 14

O que faz o atributo value na tag <option>?</option>

Answer 14

O atributo value na tag <option> é usado para definir o valor associado a uma opção em um elemento <select>. Quando um formulário é enviado, o valor do atributo value da opção selecionada é enviado como parte dos dados do formulário.</select></option>

Question 15

O que faz o type password na tag <input></input>?

Answer 15

Mascara o texto com asteriscos.

Question 16

O que faz o type hidden na tag <input></input>?

Answer 16

Esconde o campo para não ser exibido no navegador.

Question 17

O que faz o type checkbox na tag <input></input>?

Answer 17

Usado para seleção de valor através de click/check.

Question 18

O que faz o type radio na tag <input></input>?

Answer 18

Usado para seleção exclusiva de valor – quando é apresentada mais de uma opção, apenas uma poderá ser selecionada, ao contrário do tipo “checkbox”. Obs: para marcar apenas um é necessário que tenha o atributo name com o mesmo valor em todas as opções. São ID’s diferentes, porém com names iguais.

Question 19

O que faz o type submit na tag <input></input>?

Answer 19

Associada à tag <button>, dispara o evento que envia/submete o formulário.</button>

Question 20

O que faz o type reset na tag <input></input>?

Answer 20

Associada à tag <button>, dispara o evento que limpa os valores do formulário.</button>

Question 21

O que faz o type button na tag <input></input>?

Answer 21

Uma tag <input></input> pode ser do tipo “button” – exercendo, assim, a mesma função da tag <button>.</button>

Question 22

O que faz o atributo placeholder no campo input?

Answer 22

Exibe um texto no campo de input. Utilizado para dar uma dica ao usuário sobre o dado a ser inserido.

Question 23

O que faz o atributo required no campo input?

Answer 23

Determina se um campo é obrigatório. Utilizado na validação dos dados de um formulário.

Question 24

O que faz o atributo autofocus no campo input?

Answer 24

Fixa o foco no campo. Utilizado quando desejamos que, ao carregar o formulário, um determinado campo seja focado.

Question 25

O que faz o atributo pattern no campo input?

Answer 25

Valida o valor de um campo com base em uma expressão regular. (As RegEX – expressões regulares – podem ser consideradas um recurso de linguagem de programação para a análise e manipulação de texto.)
O campo de tel. é um bom exemplo de utilização desse atributo. Com ele podemos, por exemplo, determinar a quantidade de caracteres e o formato esperado para um campo.

Question 26

O que faz o atributo step no campo input?

Answer 26

aceitar de quantos em quantos números quando usado o tipo number. Ex: 5, 10, 15, 20, etc. (passos)

Question 27

O que faz o tipo tel no campo input?

Answer 27

Insere números de telefone. Para uma melhor usabilidade, deve ser usado em conjunto com o atributo pattern. (dá pra mudar de padrões de acordo com a região)

Question 28

O que faz o tipo datetime no campo input?

Answer 28

Insere datas com o fuso horário em UTC(fuso horário de todas as zonas horárias do mundo) a partir de um calendário.

Question 29

O que faz o tipo date no campo input?

Answer 29

Insere datas sem fuso horário a partir de um calendário.

Question 30

O que faz o tipo number no campo input?

Answer 30

Insere números.

Question 31

O que faz o tipo color no campo input?

Answer 31

abre uma caixa de seleção de cores do tipo RGB.

Question 32

O que faz o tipo range no campo input?

Answer 32

slider, elemento deslizante onde tenho um valor mínimo e máximo.

Question 33

Qual o comportamento padrão do HTML5 em relação aos formulários?

Answer 33

Validar os dados quando ocorre o envio do formulário.

Question 34

Como desativar o comportamento padrão do HTML5 em relação aos formulários?

Answer 34

Para isso, deve ser atribuído o atributo “novalidate” à tag <form>.