+5

Introdução ao PHP

criado por João Prado Maia em 25/01/2001 6:32pm
<p><br><span class=\"negrito\"> <br>
03. Formul&aacute;rios HTML</span></p>
<p align=\"JUSTIFY\">&nbsp;</p>

<p align=\"JUSTIFY\">Definindo um formul&aacute;rio</p>

<p align=\"JUSTIFY\">Por ser uma linguagem de marca&ccedil;&atilde;o,
a sintaxe do HTML na maioria dos casos exige uma &quot;tag&quot;
de in&iacute;cio e uma de final daquele bloco. &Eacute; Exatamente
isso que ocorre com a defini&ccedil;&atilde;o de um formul&aacute;rio:
uma tag no in&iacute;cio e outra no final, sendo que todos os elementos
do formul&aacute;rio devem estar entre as duas tags. Isto torna
poss&iacute;vel a inclus&atilde;o de mais de um formul&aacute;rio
num mesmo html. As tags citadas s&atilde;o:</p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\"><span class=\"mysql\">&lt;form name=&quot;&quot;
action=&quot;&quot; method=&quot;&quot; enctype=&quot;&quot;&gt;</span></p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">Onde temos:</p>
<p align=\"JUSTIFY\"><span class=\"mysql\">name:</span> o identificador
do formul&aacute;rio. Utilizado principalmente em Scripts client-side
(JavaScript);</p>
<p align=\"JUSTIFY\"><font face=\"Courier New\" size=3><span class=\"mysql\">action</span></font><span class=\"mysql\">:</span>
nome do script que receber&aacute; os dados do formul&aacute;rio
ao ser submetido. Mais &agrave; frente est&atilde;o abordadas as
maneiras de tratar esses dados recebidos;</p>
<p align=\"JUSTIFY\"><span class=\"mysql\">method:</span> m&eacute;todo
de envio dos dados: get ou post;</p>
<p align=\"JUSTIFY\"><span class=\"mysql\">enctype:</span> formato em
que os dados ser&atilde;o enviados. O default &eacute; urlencoded.
Se for utilizado um elemento do tipo upload de arquivo (file) &eacute;
preciso utilizar o tipo <span class=\"mysql\">multipart/form-data</span>.</p>
<font face=\"Courier New\" size=3>
<p align=\"JUSTIFY\"></p>
</font>
<p align=\"JUSTIFY\">Exemplo:</p>
<p align=\"JUSTIFY\"><span class=\"mysql\">&lt;form action=\"exemplo.php\"
method=\"post\"&gt;<br>
</span><span class=\"mysql\">&nbsp;&nbsp;(textos e elementos do form)<br>
</span><span class=\"mysql\">&lt;/form&gt;</span></p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">Cada elemento do formul&aacute;rio deve possuir
um nome que ir&aacute; identific&aacute;-lo no momento em que o
script indicado no ACTION for tratar os dados.</p>
<p align=\"JUSTIFY\">&nbsp;</p>

<p align=\"JUSTIFY\">A tag &lt;input&gt;</p>

<p align=\"JUSTIFY\">Muitos elementos de um formul&aacute;rio html s&atilde;o
definidos pela tag <font face=\"Courier New\" size=3>&lt;input&gt;</font>.
Cada tipo de elemento possui par&acirc;metros pr&oacute;prios, mas
todos possuem pelo menos dois par&acirc;metros em comum: type, que
define o tipo de elemento, e name, que como j&aacute; foi dito define
o nome daquele elemento.</p>

<p align=\"JUSTIFY\">&nbsp;</p>
<p align=\"JUSTIFY\">Campo de Texto</p>

<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\" class=\"mysql\">&lt;input type=\"text\" name=\"\" value=\"\"
size=\"\" maxlength=\"\"&gt;</p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">O campo mais comum em formul&aacute;rios. Exibe
na tela um campo para entrada de texto com apenas uma linha.</p>
<p align=\"JUSTIFY\"> Par&acirc;metros:</p>
<p align=\"JUSTIFY\">Value – o valor pr&eacute;-definido do elemento,
que aparecer&aacute; quando a p&aacute;gina for carregada;</p>
<p align=\"JUSTIFY\">Size – O tamanho do elemento na tela, em caracteres;</p>
<p align=\"JUSTIFY\">Maxlength – O tamanho m&aacute;ximo do texto contido
no elemento, em caracteres;</p>

<p align=\"JUSTIFY\">&nbsp;</p>
<p align=\"JUSTIFY\">Campo de Texto com M&aacute;scara</p>

<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\"><span class=\"mysql\">&lt;input type=\"password\" name=\"\"
value=\"\" size=\"\" maxlength=\"\"&gt;</span></p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">Tipo de campo semelhante ao anterior, com a diferen&ccedil;a
que neste caso os dados digitados s&atilde;o substitu&iacute;dos
por asteriscos, e por isso s&atilde;o os mais recomendados para
campos que devam conter senhas. &Eacute; importante salientar que
nenhuma criptografia &eacute; utilizada. Apenas n&atilde;o aparece
na tela o que est&aacute; sendo digitado.</p>
<p align=\"JUSTIFY\"> Par&acirc;metros:</p>
<p align=\"JUSTIFY\">Value – o valor pr&eacute;-definido do elemento,
que aparecer&aacute; quando a p&aacute;gina for carregada;</p>
<p align=\"JUSTIFY\">Size – O tamanho do elemento na tela, em caracteres;</p>
<p align=\"JUSTIFY\">Maxlength – O tamanho m&aacute;ximo do texto contido
no elemento, em caracteres;</p>

<p align=\"JUSTIFY\">&nbsp;</p>
<p align=\"JUSTIFY\">Checkbox</p>

<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\"><span class=\"negrito\">&lt;input type=\"checkbox\"
name=\"\" value=\"\" checked&gt;</span></p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">Utilizado para campos de m&uacute;ltipla escolha,
onde o usu&aacute;rio pode marcar mais de uma op&ccedil;&atilde;o.</p>
<p align=\"JUSTIFY\"> Par&acirc;metros:</p>
<p align=\"JUSTIFY\">Value – o valor que ser&aacute; enviado ao servidor
quando o formul&aacute;rio for submetido, no caso do campo estar
marcado</p>
<p align=\"JUSTIFY\">Checked – O estado inicial do elemento. Quando
presente, o elemento j&aacute; aparece marcado;</p>

<p align=\"JUSTIFY\">&nbsp;</p>
<p align=\"JUSTIFY\">Radio Button</p>

<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\"><span class=\"mysql\">&lt;input type=\"radio\" name=\"\"
value=\"\" checked&gt;</span></p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">Utilizado para campos de m&uacute;ltipla escolha,
onde o usu&aacute;rio pode marcar apenas uma op&ccedil;&atilde;o.
Para agrupar v&aacute;rios elementos deste tipo, fazendo com que
eles sejam exclusivos, basta atribuir o mesmo nome a todos do grupo.</p>
<p align=\"JUSTIFY\"> Par&acirc;metros:</p>
<p align=\"JUSTIFY\">Value – o valor que ser&aacute; enviado ao servidor
quando o formul&aacute;rio for submetido, no caso do campo estar
marcado</p>
<p align=\"JUSTIFY\">Checked – O estado inicial do elemento. Quando
presente, o elemento j&aacute; aparece marcado;</p>

<p align=\"JUSTIFY\">&nbsp;</p>
<p align=\"JUSTIFY\">Submit Button</p>

<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\"><span class=\"mysql\">&lt;input type=\"submit\" name=\"\"
value=\"\"&gt;</span></p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">Utilizado para enviar os dados do formul&aacute;rio
para o script descrito na se&ccedil;&atilde;o &quot;action&quot;
da defini&ccedil;&atilde;o do formul&aacute;rio</p>
<p align=\"JUSTIFY\"> Par&acirc;metros:</p>
<p align=\"JUSTIFY\">Value – o texto que aparecer&aacute; no corpo do
bot&atilde;o.</p>

<p align=\"JUSTIFY\">&nbsp;</p>
<p align=\"JUSTIFY\">Reset Button</p>

<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\"><span class=\"mysql\">&lt;input type=\"reset\" name=\"\"
value=\"\"&gt;</span></p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">Utilizado para fazer todos os campos do formul&aacute;rio
retornem ao valor original, quando a p&aacute;gina foi carregada.
Bastante utilizado como bot&atilde;o &quot;limpar&quot;, mas na
realidade s&oacute; limpa os campos se todos eles t&ecirc;m como
valor uma string vazia.</p>
<p align=\"JUSTIFY\"> Par&acirc;metros:</p>
<p align=\"JUSTIFY\">Value – o texto que aparecer&aacute; no corpo do
bot&atilde;o.</p>
<p align=\"JUSTIFY\">&nbsp;</p>

<p align=\"JUSTIFY\">Button</p>

<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\"><span class=\"mysql\">&lt;input type=\"button\" name=\"\"
value=\"\"&gt;</span></p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">Utilizado normalmente para ativar fun&ccedil;&otilde;es
de scripts client-side (JavaScript, por exemplo). Sem essa utiliza&ccedil;&atilde;o,
n&atilde;o produz efeito algum</p>
<p align=\"JUSTIFY\"> Par&acirc;metros:</p>
<p align=\"JUSTIFY\">Value – o texto que aparecer&aacute; no corpo do
bot&atilde;o.</p>
<p align=\"JUSTIFY\">&nbsp;</p>

<p align=\"JUSTIFY\">TextArea</p>

<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\"><span class=\"mysql\">&lt;textarea cols=\"\" rows=\"\"
name=\"\" wrap=\"\"&gt;texto&lt;/textarea&gt;</span></p>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\">Exibe na tela uma caixa de texto, com o tamanho
definido pelos par&acirc;metros &quot;cols&quot; e &quot;rows&quot;.</p>
<p align=\"JUSTIFY\"> Par&acirc;metros:</p>
<p align=\"JUSTIFY\">Cols – n&uacute;mero de colunas do campo, em caracteres;</p>
<p align=\"JUSTIFY\">Rows– n&uacute;mero de linhas do campo, em caracteres;</p>
<p align=\"JUSTIFY\">Wrap – Maneira como s&atilde;o tratadas as quebras
de linha autom&aacute;ticas. O valor soft faz com que o texto &quot;quebre&quot;
somente na tela, sendo enviado para o servidor o texto da maneira
como foi digitado; O valor &quot;hard&quot; faz com que seja enviado
para o servidor da maneira como o texto aparece na tela, com todas
as quebras de linhas inseridas automaticamente; o valor &quot;off&quot;
faz com que o texto n&atilde;o quebre na tela e nem quando enviado
ao servidor.</p>
<p align=\"JUSTIFY\">Value – O elemento do tipo textarea n&atilde;o
possui o par&acirc;metro &quot;value&quot;. O valor pr&eacute;-definido
do campo &eacute; o texto que fica entre as tags &lt;textarea&gt;
e &lt;/textarea&gt;.</p>

<p align=\"JUSTIFY\">&nbsp;</p>
<p align=\"JUSTIFY\">Select</p>
<font face=\"Courier New\" size=3>
<p align=\"JUSTIFY\"></p>
</font>
<p align=\"JUSTIFY\"><span class=\"mysql\">&lt;select name=\"\" size=\"\"
multiple&gt;<br>
&nbsp;&nbsp; &lt;option value=\"\"&gt;texto&lt;/option&gt;<br>
&lt;/select&gt;</span></p>
<p align=\"JUSTIFY\">Se o par&acirc;metro &quot;size&quot; tiver o valor
1 e n&atilde;o houver o par&acirc;metro &quot;multiple&quot;, exibe
na tela uma &quot;combo box&quot;. Caso contr&aacute;rio, exibe
na tela uma &quot;select list&quot;.</p>
<p align=\"JUSTIFY\"> Par&acirc;metros:<font face=\"Arial\"> </font></p>
<p align=\"JUSTIFY\">Size – n&uacute;mero de linhas exibidas. Default:
1;</p>
<p align=\"JUSTIFY\">Multiple – par&acirc;metro que, se presente, permite
que sejam selecionadas duas ou mais linhas, atrav&eacute;s das teclas
Control ou Shift;</p>
<p align=\"JUSTIFY\">option – Cada item do tipo &quot;option&quot; acrescenta
uma linha ao select;</p>
<p align=\"JUSTIFY\">value – Valor a ser enviado ao servidor se aquele
elemento for selecionado. Default: o texto do item;</p>
<p align=\"JUSTIFY\">text – valor a ser exibido para aquele item. N&atilde;o
&eacute; definido por um par&acirc;metro, mas pelo texto que fica
entre as tags &lt;option&gt; e &lt;/option&gt;</p>
<p align=\"JUSTIFY\">&nbsp;</p>
<p align=\"JUSTIFY\">Upload de arquivos</p>
<font face=\"Courier New\" size=3>
<p align=\"JUSTIFY\"></p>
<p align=\"JUSTIFY\" class=\"mysql\">&lt;input type=\"file\" name=\"\" size=\"\"&gt;</p>
<p align=\"JUSTIFY\"></p>
</font>
<p align=\"JUSTIFY\">Exibe na tela do browser um campo de texto e um
bot&atilde;o, que ao clicado abre uma janela para localizar um arquivo
no disco. Para utilizar este tipo de componente, o formul&aacute;rio
dever&aacute; utilizar o m&eacute;todo &quot;POST&quot; e ter o
par&acirc;metro &quot;enctype&quot; com o valor <span class=\"mysql\">\"multipart/form-data\"</span><font face=\"Courier New\" size=3>.</font></p>
<p align=\"JUSTIFY\">Par&acirc;metros: </p>
<p align=\"JUSTIFY\">Size – O tamanho do campo de texto exibido.</p>
<p align=\"JUSTIFY\"></p>

Comentários:

Mostrando 1 - 10 de 19 comentários
Alguem descobriu onde baixar esse tutorial???
02/09/2008 8:57am (~12 anos atrás)

Como baixar o tutorial ?
24/05/2008 2:56pm (~12 anos atrás)

João Santos disse:
como baixo o tutorial?

obrigado
30/03/2008 8:16am (~12 anos atrás)

Estou procurando a dias esse arquivos PDF com as imagens, pois não estou encontrando o arquivo completo, quero imprimir isso.

Obriado.
28/06/2007 5:30am (~13 anos atrás)

Cyrus disse:
01/06/2006 5:22am (~14 anos atrás)


tentei no passado aprender por apostila,
mais livros ajudar muito ,em especial aquele que envolver o leitor num projeto.
esse tipo de trabalho ou livro são excelente ajuda : mais legal pela iniciativa
25/11/2005 10:32am (~15 anos atrás)

Legal colega - me ajudou muito !
28/09/2005 6:29pm (~15 anos atrás)

As imagens não estão aparecendo e tentei acessar o site do autor, mas também não funciona.
Alguém tem disponível para download?
24/06/2005 7:06pm (~15 anos atrás)

dizem q a primeira impreção é a q fica,
axei bastante intuitivo.
:)
24/04/2005 11:56pm (~15 anos atrás)

Galera, quem estiver afim de baixar o tutorial é só acessar o seguinte link
http://www.helo.tato.nom.br/arquivos/apostilaphp_mv.pdf

Té +
11/03/2005 7:31pm (~15 anos atrás)

Novo Comentário:

(Você pode usar tags como <b>, <i> ou <code>. URLs serão convertidas para links automaticamente.)