Curso_Basico_de_HTML 21
13 pág.

Curso_Basico_de_HTML 21


DisciplinaTecnologias Web3.478 materiais10.434 seguidores
Pré-visualização3 páginas
do campo. 
Veja a Figura 8.1. 
 
HTML \u2013 Curso Básico 
São Paulo \u2013 Brasil 
 13 
 
Figura 8.1 \u2013 Observe que há o escrito e 
depois o campo do formulário, e que o 
campo é bem maior que o padrão. 
 
Campo de Senha (Incluso na tag 
form) 
Por Exemplo: 
Entre com a senha:<input 
type=\u201dpassword\u201d name=\u201dsenha\u201d 
size=\u201d10\u201d>Veja a figura 8.2. 
 
 
Figura 8.2 \u2013 Observe que o campo da senha 
é a metade do campo do nome, e que no 
lugar de letras, há * no campo senha. 
 
Você pode adicionar ainda botões de 
radio, caixas de seleção, lista ou 
menus, campos de textos com várias 
linhas, botão simples, botão de envio 
e reset e botão com imagem. 
Vamos ver: 
<form action=&quot;&quot; method=&quot;post&quot;> 
<p>CheckBox</p> 
 <input type=&quot;checkbox&quot; 
name=&quot;bd&quot;>Banco de Dados<BR> 
 <input type=&quot;checkbox&quot; 
name=&quot;wd&quot;>Web Design<BR> 
 <input type=&quot;checkbox&quot; 
name=&quot;prog&quot;>Programação<BR> 
<!\u2014Onde type é o tipo, name é o 
nome, e o escrito é o que vai 
aparecer--!> 
<BR> 
<p>Radio Button</p> 
 <input type=&quot;radio&quot; 
name=&quot;Masc&quot; 
value=masc>Masculino<BR> 
 <input type=&quot;radio&quot; 
name=&quot;fem&quot; 
value=fem>Feminino<BR> 
<BR> 
<p>Menu</p> 
 <select name=&quot;cor&quot; size=&quot;1&quot;> 
 <option value=&quot;amarelo&quot; 
selected>Amarelo 
 <option 
value=&quot;Vermelho&quot;>Vermelho 
 <option value=&quot;verde&quot;>Verde 
 </select> 
<!\u2014Onde Select é a tag que cria a 
chackbox, e option são as opções--!> 
<BR> 
<textarea name=&quot;obs&quot; rows=&quot;10&quot; 
cols=&quot;100&quot;> 
Aqui vai o texto 
</textarea> 
<!\u2014Onde textarea é a tag que cria o 
campo de escrita, e \u201cAqui vai o texto\u201d, 
é o texto que começa escrito no 
campo--!> 
<BR> 
<input type=&quot;button&quot; 
value=&quot;Botão&quot;> 
<input type=&quot;Submit&quot; 
value=&quot;Enviar&quot;> 
<input type=&quot;reset&quot; value=&quot;Limpar&quot;> 
<input type=&quot;image&quot;src=&quot;foto.jpg&quot; 
width=60 height=30 align=center 
value=&quot;&Botão&quot;>.