Dificuldade: 1/10 'Facil'
Ola caros utentes do TugaTech, hoje vou fazer um tutorial sobre varios tipos de inputs que existem.
1.Bem para começar vamos fazer a tag:
- Código:
<input>
2.Muitas vezes queremos fazer um formulario de login ou assim para isso vamos fazer o type.
- Código:
<input type="text">
Resultado:
3.Podemos também usar mais tipos de input
- Código:
<input type="file">
<input type="submit">
<input type="checkbox">
entre outros...
Para mais tipos de input visitem o site http://www.w3schools.com/tags/tag_input.asp
Resultado:
4.Agora vamos dar um name ao input:
- Código:
<input type="text"name="nomeporexemplo">
5.Podemos addicionar nomes dentro dos input obs: so em alguns porque o checkbox, radio e isso não da.
Para addicionar usaremos o "value"
- Código:
<input type="text"name="nome"value="TugaTech">
Resultado:
6.Aqui temos um exemplo de um formulario de login e de uma caixa de busca.
- Código:
<!-CaixadeLogin-!>
<form action="#">
Nome: <input type="text"name="nome"value="nome">
Pass: <input type="password"name="pass"value="password"><br>
<input type="submit"name="submeter"value="Entrar">
</form>
<!CaixadeBusca-!>
<form action="#">
<input type="text"name="nome"value="Pesquisar no Google"> <inpu type="submit">
<form>
Resultado: