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>

@EDIT Desculpe, estava com pressa e não li o aviso lá em cima, deveria ter postado na seção de javascript @tópico Olá, eu estou tentando criar um website em javascript para celular com um formulário. Quando a pessoa terminar de preencher o formulário eu queria que ele chamasse outra pagina em php que se encarregaria de pegar os dados do formulário e usasse eles para inserção no bando de dados. Minha dúvida é só no código javascript (js), pois não sei como chamar o arquivo php e passar os dados do formulário. Segue o código do js: Ext.setup({ icon: 'icon.png', tabletStartupScreen: 'tablet_startup.png', phoneStartupScreen: 'phone_startup.png', glossOnIcon: false, onReady: function() { var form; Ext.regModel('User', { fields: [ {name: 'name', type: 'string'}, {name: 'idade', type: 'int'}, ] }); var formBase = { scroll: 'vertical', url : 'postUser.php', standardSubmit : false, items: [{ xtype: 'fieldset', title: 'Informacoes pessoais', instructions: 'Coloque suas informacoes acima.', defaults: { required: true, labelAlign: 'left', labelWidth: '40%' }, items: [ { xtype: 'textfield', name : 'name', label: 'Nome', useClearIcon: true, autoCapitalize : false }, { xtype: 'textfield', name : 'idade', label: 'Idade', useClearIcon: true }] } ], listeners : { submit : function(form, result){ console.log('success', Ext.toArray(arguments)); }, exception : function(form, result){ console.log('failure', Ext.toArray(arguments)); } }, dockedItems: [ { xtype: 'toolbar', dock: 'bottom', items: [ {xtype: 'spacer'}, { text: 'Resetar', handler: function() { form.reset(); } }, { text: 'Salvar', ui: 'confirm', handler: function() { form.submit({ waitMsg : {message:'Confirmando', cls : 'demos-loading'} }); } } ] } ] }; if (Ext.is.Phone) { formBase.fullscreen = true; } else { Ext.apply(formBase, { autoRender: true, floating: true, modal: true, centered: true, hideOnMaskTap: false, height: 385, width: 480 }); } form = new Ext.form.FormPanel(formBase); form.show(); } }); Como devo fazer? já tenho o arquivo postUser.php que faz a parte do banco de dados, mas parece que o js nem chama o arquivo, só aparece a janela de "Carregando" e nada acontece.