Informatica html5 tutorial

Informatica html5 tutorial
Rate this post

O html5 é um mais recente código html, que mais que do que suficiente para formatação de layout etc…

Bom neste tópico mostraremos alguns formulário que poderá ser utilizado dentro de site e blog, contundo são dicas super básica, mas dar pra fazer algo necessário. Acompanhe :

Obs: Sempre que criamos o formulário sempre devemos começar com TAG principal.

<form action=”form.php” method=”get“>? Está é TAG principal do formulário.

 

Informatica html5 tutorial

Referência das tag a ser utilizada.

Vejamos :

action : Esse atributo no qual informamos aonde a URL será arquivada.

autocomplete : Esse atributo ativa ou desativa. O autocomplete se baseia em valores que o usuário digitou anteriormente.

method : Como será ligado o formulário, indica qual o método de http será escolhido para enviar seu formulário.

Exemplo 1

Botão clicável

type =”button” value =”Click aqui “>


 

Exemplo 2

Vamos usar agora um atributo ou uma tag assim como você quiser chamar : checkbox  este atributo permite você a construir caixa de seleção.

<form>

<p> O que você pretende ? </p>

< input type =”checkbox” name=”Estudar”

value=”Geografia”> Estudar Geografia

<input type =”checkbox” name=”Estudar”

value=”Matematica”> Estudar Matemática

<input type =”checkbox” name=”Estudar”

value=”Ciencia”> Estudar Ciência

type = “submit”>Enviar

</form>

O que você pretende ?

 Estudar Geografia

Estudar Matemática

Estudar Ciência


 

Exemplo 3

Atributo radio . Radio é um valor para atributos type que permite construir questões com várias opções, mas em que é possível escolher uma unica resposta. Então vermos:

<form>

<p> Valor de 1+3?</p>

<input type =”radio” name=”prefiro”

value=”r1″> 1

<input type=”radio”name=”prefiro”

value=”r1″> 2 <br>

<input type =”radio” name=”prefiro”

value=”r1″> 3 <br>

<input type=”radio”name=”prefiro”

value=”r1″> 4<br>

<input type =”submit”>Enviar

</form>

Valor de 1+3?

1

2

3

4


 

Exemplo 4

Atributo date a função deste atributo é oferecer uma tabela de data.

Veja a seguir ;

<form>

Escolha uma data e Hora : type=”date” name=”calendario”>

</form>

Escolha uma data e Hora :

Obs.: A compatibilidade ainda com alguns navegadores, este atributo ainda possui uma deficiência. Pra você visualizar corretamente a caixa de data passe o mouse em cima dos números, em quer aparece listrados.

Informática html5 tutorial apenas informações básicas.

 

Leave a Reply

quatro + doze =