ANHANGUERA UNIDERP
TECNOLOGIA EM PRODUOA MULTIMDIA.
TURMA: N 31
Formulrios HTML
Web design
Professora: Aldo Queiroz.
Gabriel da Silva Ferreira R.A:4062960178
Campo Grande. Maio de 2015
Sumrio.
1.1................................................................................................................... Formulrio
1.2....................................................................................................................Tipo
1.3................................................................................................................... Radiais
1.4 ...................................................................................................................Texto
1.5................................................................................................................... Senha
1.6................................................................................................................... Check Box
1.7................................................................................................................... Drop down
2.1 .................................................................................Outros tributos para formulrios
3.0................................................................................................................... Bibliografia
Tema: Formulrios HTML
1.1 Formulrio <form>
Um formulrio uma rea que pode conter vrios elementos de formulrio.
Os elementos de formulrio so simplesmente elementos que permitem o usurio entrar
com uma ou vrias informaes (como campos de texto, campos de rea de texto,
menus drop-down, botes radiais, caixas de seleo, etc.) em um formulrio.
Exemplo:
<html>
<body>
<form>
<input>
</input>
</form>
</body>
</html>
1.2 Tipo <Input>
A tag de formulrio mais usada a tag <input>. O tipo de input especificado com o
atributo type (tipo). Os tipos de input mais cumumente usados so explicados abaixo.
Exemplo:
<input>
</input>
1.3 Radiais <input type="radio">
Botes Radiais so usados quando voc quer que o usurio selecione uma entre uma
quantidade limite de escolhas.
Exemplo:
<html>
<body>
<form>
<input type="radio" name="sexo" value="macho"> Masculino
<br>
<input type="radio" name="sexo" value="femea"> Feminino
</form>
</body>
</html>
1.4 Texto <input type="text">
Os campos de texto so usados quando voc quer que o usurio digite letras, nmeros,
etc.
Exemplo:
<html>
<body>
<form>
Primeiro nome:
<input type="text" name="primeironome ">
<br>
ltimo nome:
<input type="text" name="Segundo nome">
</form>
</body>
</html>
1.5Tag: Senha <input type="password">
Note que quando voc digita caracteres
num campo de senha, o navegador exibe
asteriscos ou bullets em vez dos
caracteres.
Exemplo:
<html>
<body>
<form>
Senha:
<input type="password" name="password">
</form>
</body>
</html>
1.6: Check Box <input type="checkbox">
As Caixas de Seleo so usadas para que o usurio selecione uma ou vrias opes de
uma quantidade ilimitada ou limitada de escolhas.
Exemplos:
<html>
<body>
<form>
<input type="checkbox" name="bicicleta"> Eu tenho uma bicicleta
<br>
<input type="checkbox" name="carrro"> Eu tenho um carro
</form>
</body>
</html>
1.7 Drop down <select name="exemplo">
Este exemplo demonstra como criar uma caixa drop down simples numa pgina HTML.
A caixa drop-down uma lista selecionvel.
Exemplo:
<html>
<body>
<form>
<select name="cars">
<option value="volvo">Volvo
<option value="saab">Saab
<option value="fiat">Fiat
<option value="audi">Audi
</select>
</form>
</body>
</html>
2.1 Outros Atributos para formulrios.
<label>
Define um rtulo para um controle
Exemplo:
<html>
<body>
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<body>
</form>
<fieldset> Define um conjunto de campos
Exemplo:
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
<legend>
Define um ttulo para um conjunto de campos
Exemplo:
<legend>Personalia:</legend>
<optgroup> Define um grupo de opo
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
<button>
Define um boto para pressionar
Exemplo:
<button type="button">Click Me!</button>
3.0 Bibliografia
en.wikipedia.org/wiki/Form_(HTML)
http://www.w3schools.com/htmL/html_forms.asp
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form
Mucho más que documentos.
Descubra todo lo que Scribd tiene para ofrecer, incluyendo libros y audiolibros de importantes editoriales.
Cancele en cualquier momento.