Material 5 Tecnologias WEB
(continuação…)
Form: textarea
O tag <textarea> é um campo de texto multi‐linha.
● Os atributos rows e cols definem o número de linhas de altura e o de "caracteres" de largura, respectivamente.
● O atributo wrap define se a mudança de linha será automática durante a digitação
("on"), ou somente quando for pressionado ENTER ("off").
<head>
<meta http‐equiv="content‐type" content="text/html; charset=iso‐8859‐1">
<title>textarea</title>
</head>
<body>
<form>
Observações: <p> <textarea name="obs" rows="5" cols="80" placeholder="Digite o seu texto aqui" ></textarea> </p>
</form>
</body> No navegador:
Outros: input type=“tipos”
Type=”number”
No navegador:
<!DOCTYPE html>
<html lang="pt=br">
<head>
<meta charset="iso‐8859‐1" />
<title>Medida (Number type)</title>
</head>
<body>
<form>
<font face="Trebuchet MS" size="5" color="blue">
Informe o valor em centímetros:
</font>
<input type="number" name="valuex“ value="12.4" step="0.2" min="0" max="20"/>
</form>
</body>
</html>
Outros: input type=“tipos”
Type=”range”
<body>
<font face="Trebuchet MS" size="15" color="green">
<marquee direction=right behavior=alternate scrollamount=1 scrolldelay=50>
Bem‐Vindo ao meu SITE
No navegador:
</marquee>
</font>
<form>
<font face="Trebuchet MS" size="5" color="blue">
Informe o valor em centímetros:</font><br>
<input color="red" type="range" name="valuex“ value="12.4" step="0.2" min="0" max="20"/>
</form>
<font face="Trebuchet MS" size="2" color="red">
<span style = "position: absolute; left: 0px; top: 120px"> 0 </span>
<span style = "position: absolute; left: 65px; top: 120px"> 10 </span>
<span style = "position: absolute; left: 130px; top: 120px"> 20 </span> </font>
</body>
</html>
Lado Cliente (client‐side)
● O navegador, analisará o código HTML, e descobrirá quais são os anexos adicionais que são necessários (fotos, imagens, sons) e solicitará ao servidor.
● Note que nessa tecnologia, quem desempenha a função de processamento é o cliente, por isso ele é