Formulário para navegação celular

[Raphael Miranda]

Olá, criei um formulário em html que quando confirmado chama um arquivo php que insere os dados do formulário no banco de dados, porém eu estou desenvolvendo esse site para ser usado somente em celulares.

Queria fazer com que o formulario se adaptasse ao tamanho da tela do celular, para que a pessoa não tivesse que usar o zoom na pagina, quero os campos do tamanho da tela, um embaixo do outro, como deveria ser feito? Segue codigo do formulario...

<form action=enviar.php method=post name=bloqueados id="bloqueados">
  <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
    <tr>
      <td width="50%" bordercolor="#FFFFFF" bgcolor="#F4F4F4"><center>Nome</center></td> 
      <td width="50%" bordercolor="#FFFFFF" bgcolor="#F4F4F4"><input name="nome" type="text" id="nome"></td>
    </tr>
    <tr>
      <td bordercolor="#FFFFFF" bgcolor="#F4F4F4"><center>Idade</center></td>
      <td bordercolor="#FFFFFF" bgcolor="#F4F4F4"><input name="idade" type="text" id="idade"></td>
    </tr>
  </table>
  <div align="center"><br>
    <input      style="FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Tahoma; background-image:url(fundo_barra_branca.gif);" 

 type=submit value="Cadastrar" name=Submit >
  </div>
</form>

[-#Alea#-]

Talves resolva.

<input type="text" name="textfield" id="textfield" style="width:100%"/>