Como formatar a fonte dos campos editáveis em uma página htm

Colegas javaneses,

Alguém por aí sabe como formatar a fonte dos campos editáveis de uma página htm? As outras fontes já sei como formatar, mas estas estão me tirando o sono. Tenho que apresentar a seguinte página como parte de um projeto em janeiro e todas as fontes pecisam estar formatadas como arial 8. Agradeço mais uma vez a ajuda

[]s

Leandro

<html>

      <head>
      
            <title> Inclusão de Cliente Pessoa Física </title>

      </head>
      
      <body>

	<FONT SIZE = 2>

            <form method = "POST" ACTION = "../servlet/Sicar_InclusaoClientePF">
            <table border = "0" width = "35%">
                   
                   <TR>

                            <TD WIDTH = "100%" COLSPAN = "2" BGCOLOR = "CC66FF" ALIGN = "CENTER">

                                 CADASTRAMENTO DE CLIENTE

                             </TD>

                   </TR>

                   <tr>
                   
                       <td width = "10%"> Nome: </td>
                       <td width = "90%">
                       
                           <p><input type = "text" name = "nome" size = "30"></p>

                       </td>

                   </tr>
                   <tr>
                   
                       <td width = "8%"> C.P.F: </td>
                       <td width = "92%">

                           <INPUT TYPE = "TEXT" NAME = "CPF1" SIZE = "3" MAXLENGTH = "3">.
                           <INPUT TYPE = "TEXT" NAME = "CPF2" SIZE = "3" MAXLENGTH = "3">.
                           <INPUT TYPE = "TEXT" NAME = "CPF3" SIZE = "3" MAXLENGTH = "3">-
                           <INPUT TYPE = "TEXT" NAME = "CPFDV" SIZE = "2" MAXLENGTH = "2">

                       </td>

                   </tr>
                   <TR>

                       <TD>
                       
                           ENDEREÇO:

                       </TD>
                       <TD>

                           <INPUT TYPE = "TEXT" NAME = "endereco" SIZE = "40" MAXLENGTH = "40">

                       </TD>

                   </TR>
                   <TR>
                   
                       <TD>
                       
                           SEXO:

                       </TD>
                       <TD>

                           <SELECT NAME = "sexo">
                           
                                   <OPTION VALUE = "01">M
                                   <OPTION VALUE = "02">F

                           </SELECT>

                       </TD>

                   </TR>
                   <TR>
                   
                       <TD>
                       
                           NASCIMENTO:

                       </TD>
                       <TD>

                           <INPUT TYPE = "TEXT" NAME = "diaNascimento" SIZE = "02" MAXLENGTH = "02">/
                           <INPUT TYPE = "TEXT" NAME = "mesNascimento" SIZE = "02" MAXLENGTH = "02">/
                           <INPUT TYPE = "TEXT" NAME = "anoNascimento" SIZE = "04" MAXLENGTH = "04">

                       </TD>

                   </TR>
                   <TR>
                   
                       <TD>
                       
                           TELEFONE:

                       </TD>
                       <TD>

                           <INPUT TYPE = "TEXT" NAME = "ddd" SIZE = "02" MAXLENGTH = "02">-
                           <INPUT TYPE = "TEXT" NAME = "telefone" SIZE = "08" MAXLENGTH = "08">

                       </TD>

                   </TR>
                   <TR>
                   
                       <TD>
                       
                           RENDA (R$):

                       </TD>
                       <TD>

                          <INPUT TYPE = "TEXT" NAME = "renda" SIZE = "08" MAXLENGTH = "09">

                       </TD>

                   </TR>
                   <TR>
                   
                       <TD>
                       
                           INSTRUÇÃO:

                       </TD>
                       <TD>

                           <SELECT NAME = "instrucao">
                           
                                   <OPTION VALUE = "01">ALFABETIZADO
                                   <OPTION VALUE = "02">1º GRAU
                                   <OPTION VALUE = "03">2º GRAU
                                   <OPTION VALUE = "04">SUPERIOR

                           </SELECT>

                       </TD>

                   </TR>
                   <tr>

                       <td ALIGN = "CENTER" COLSPAN = "2">

                           <input type = "submit" value = "Incluir" name = "bIncluir">
                           <input type = "reset" value = "Limpar" name = "bLimpar">
                       
                       </td>

                   </tr>
                   <TR>

                              <TD ALIGN = "LEFT">
                              
                                  <A HREF = "Index.htm">Anterior</A>

                              </TD>
                              <TD ALIGN = "RIGHT">
                              
                                  <A HREF = "AlteracaoClientePF.htm">Próxima</A>

                              </TD>

                      </TR>
                         <TR>
                         
                             <TD WIDTH = "100%" COLSPAN = "2" ALIGN = "CENTER">
                             
                                 <A HREF = "Index.htm">Menu Principal</A>

                             </TD>

                         </TR>

	</FONT>

      </body>


</html>

Como é que se faz para postar o código endentado? é com

</code>

<html>

  &lt;head&gt;
  
        &lt;title&gt; Inclusão de Cliente Pessoa Física &lt;/title&gt;

  &lt;/head&gt;
  
  <body>

&lt;FONT SIZE = 2&gt;

        &lt;form method = "POST" ACTION = "../servlet/Sicar_InclusaoClientePF"&gt;
        &lt;table border = "0" width = "35%"&gt;
               
               &lt;TR&gt;

                        &lt;TD WIDTH = "100%" COLSPAN = "2" BGCOLOR = "CC66FF" ALIGN = "CENTER"&gt;

                             CADASTRAMENTO DE CLIENTE

                         &lt;/TD&gt;

               &lt;/TR&gt;

               &lt;tr&gt;
               
                   &lt;td width = "10%"&gt; Nome: &lt;/td&gt;
                   &lt;td width = "90%"&gt;
                   
                       &lt;p&gt;<input type = "text" name = "nome" size = "30">&lt;/p&gt;

                   &lt;/td&gt;

               &lt;/tr&gt;
               &lt;tr&gt;
               
                   &lt;td width = "8%"&gt; C.P.F: &lt;/td&gt;
                   &lt;td width = "92%"&gt;

                       <INPUT TYPE = "TEXT" NAME = "CPF1" SIZE = "3" MAXLENGTH = "3">.
                       <INPUT TYPE = "TEXT" NAME = "CPF2" SIZE = "3" MAXLENGTH = "3">.
                       <INPUT TYPE = "TEXT" NAME = "CPF3" SIZE = "3" MAXLENGTH = "3">-
                       <INPUT TYPE = "TEXT" NAME = "CPFDV" SIZE = "2" MAXLENGTH = "2">

                   &lt;/td&gt;

               &lt;/tr&gt;
               &lt;TR&gt;

                   &lt;TD&gt;
                   
                       ENDEREÇO:

                   &lt;/TD&gt;
                   &lt;TD&gt;

                       <INPUT TYPE = "TEXT" NAME = "endereco" SIZE = "40" MAXLENGTH = "40">

                   &lt;/TD&gt;

               &lt;/TR&gt;
               &lt;TR&gt;
               
                   &lt;TD&gt;
                   
                       SEXO:

                   &lt;/TD&gt;
                   &lt;TD&gt;

                       &lt;SELECT NAME = "sexo"&gt;
                       
                               &lt;OPTION VALUE = "01"&gt;M
                               &lt;OPTION VALUE = "02"&gt;F

                       &lt;/SELECT&gt;

                   &lt;/TD&gt;

               &lt;/TR&gt;
               &lt;TR&gt;
               
                   &lt;TD&gt;
                   
                       NASCIMENTO:

                   &lt;/TD&gt;
                   &lt;TD&gt;

                       <INPUT TYPE = "TEXT" NAME = "diaNascimento" SIZE = "02" MAXLENGTH = "02">/
                       <INPUT TYPE = "TEXT" NAME = "mesNascimento" SIZE = "02" MAXLENGTH = "02">/
                       <INPUT TYPE = "TEXT" NAME = "anoNascimento" SIZE = "04" MAXLENGTH = "04">

                   &lt;/TD&gt;

               &lt;/TR&gt;
               &lt;TR&gt;
               
                   &lt;TD&gt;
                   
                       TELEFONE:

                   &lt;/TD&gt;
                   &lt;TD&gt;

                       <INPUT TYPE = "TEXT" NAME = "ddd" SIZE = "02" MAXLENGTH = "02">-
                       <INPUT TYPE = "TEXT" NAME = "telefone" SIZE = "08" MAXLENGTH = "08">

                   &lt;/TD&gt;

               &lt;/TR&gt;
               &lt;TR&gt;
               
                   &lt;TD&gt;
                   
                       RENDA (R$):

                   &lt;/TD&gt;
                   &lt;TD&gt;

                      <INPUT TYPE = "TEXT" NAME = "renda" SIZE = "08" MAXLENGTH = "09">

                   &lt;/TD&gt;

               &lt;/TR&gt;
               &lt;TR&gt;
               
                   &lt;TD&gt;
                   
                       INSTRUÇÃO:

                   &lt;/TD&gt;
                   &lt;TD&gt;

                       &lt;SELECT NAME = "instrucao"&gt;
                       
                               &lt;OPTION VALUE = "01"&gt;ALFABETIZADO
                               &lt;OPTION VALUE = "02"&gt;1º GRAU
                               &lt;OPTION VALUE = "03"&gt;2º GRAU
                               &lt;OPTION VALUE = "04"&gt;SUPERIOR

                       &lt;/SELECT&gt;

                   &lt;/TD&gt;

               &lt;/TR&gt;
               &lt;tr&gt;

                   &lt;td ALIGN = "CENTER" COLSPAN = "2"&gt;

                       <input type = "submit" value = "Incluir" name = "bIncluir">
                       <input type = "reset" value = "Limpar" name = "bLimpar">
                   
                   &lt;/td&gt;

               &lt;/tr&gt;
               &lt;TR&gt;

                          &lt;TD ALIGN = "LEFT"&gt;
                          
                              <A HREF = "Index.htm">Anterior</A>

                          &lt;/TD&gt;
                          &lt;TD ALIGN = "RIGHT"&gt;
                          
                              <A HREF = "AlteracaoClientePF.htm">Próxima</A>

                          &lt;/TD&gt;

                  &lt;/TR&gt;
                     &lt;TR&gt;
                     
                         &lt;TD WIDTH = "100%" COLSPAN = "2" ALIGN = "CENTER"&gt;
                         
                             <A HREF = "Index.htm">Menu Principal</A>

                         &lt;/TD&gt;

                     &lt;/TR&gt;

&lt;/FONT&gt;

  </body>

</html>

  • Tu podes utilizar a propriedade style ou criar um estilo de um arquivo .css
&lt;input type=&quot;text&quot; style=&quot;font-size&#58; 12px&quot; name=&quot;Text&quot;&gt;

Espero ter ajudado.

:arrow: Dá uma pesquisada no google sobre cascading style sheets

:wink:

Se oproblema for estilo para formatação, vc pode criar um arquivo .css
e dentro deste arquivo definir sua fonte a ser estilizada.

um pequeno exemplo de css. Costumo usar estes estilos em minhas aplicações.

.TextBoxCss &#123; font-face&#58; 'Verdana,Arial,Times New Roman';
                      font-size&#58; 10px;
                      width&#58; 50px;
                      heigth&#58; 17px;
                   &#125;

para vc utilizar tal css em uma determinada html:

&lt;link rel=stylesheet href=&quot;referencia do estilo criado acima&quot; type=css/text&gt;

&lt;input type=text class=TextBoxCss&gt;

Claro q vc poderá atribuir muito mais características ao seu estilo…
mas pra seu problema acho q isso solucionará…

Vc tb pode usar pseudoclasses pra nao precisar de mexer no teu codigo
tipo c vc colocar la

<style>
input.text{font-family: Arial; font-size: 8px; color: #FFFFFF}
<style>

assim todos os seus fields ja ficaram automaticamente formatados!

T+

Valeu, galera!