Autor Tema: [TUTORIAL!] Formulario HTML!  (Leído 1629 veces)

Desconectado Faver

  • PHPer@
  • **
  • Mensajes: 51
  • Karma: 2
    • Ver Perfil
[TUTORIAL!] Formulario HTML!
« en: 10 de Marzo de 2008, 21:41:35 pm »
Bueno, he realizado un tutorial para realizar un formulario en HTML .. Por si solo no funciona bien, asi que deberan agregarle PHP! ..
 
 Asi aprenderan, y si aprenden PHP!.. Realisan el Formulario en HTML y lo programan en PHP :D! ..

Código: [Seleccionar]
<!-- TUTORIAL REALIZADO POR RatoN! -->
<html>
<head><title> Formulario </title></head>
<body>
<table border="1" bordercolor="green" align="center"> <!-- Creamos una tabla, borde del tipo 1, color verde y alineada al centro -->

<form action="TUMAIL!" method="post"> <!--Aqui le damos funcion de formulario, con "form". en action se pone su correo o a donde les mandaran la inf y el metodo de envio, puede ser post o get -->

<tr>
<td>Nombre: <input type="text" name="Nombre"><br> <!-- Ahora creamos la primera division, del tipo de texto, es decir, para poder escribir en ella -->
</tr>
<tr>
<td>Clave: <input type="password" name="clave"><p> <!-- Ahora una rama del tipo password, eso es para que al escribir salgan los "***" -->
</tr>
<tr>
<td>Nacionalidad: <br>
</tr>
<tr>
<td><input type="radio" name="Nac" value="ven">Venezolano/a<br>
</tr>
<tr>
<td><input type="radio" name="ext" value="ext">Extranjero/a<br> <!-- En esta lo que hacemos es crear una casillas de seleccion para que el usuario pueda escojer una u otra-->
</tr>

<tr><td>Aficiones:</tr>
<br>
<tr>
<td><input type="checkbox" name="afi" value="comer"> Comer<br>
</tr>
<tr>
<td><input type="checkbox" name="afi" value="Dormir"> Dormir<br>
<tr>
<td><input type="checkbox" name="afi" value="Bailar"> Bailar</tr> <!-- En esta creamos otro tipo de casilla de seleccion -->
<tr>
<td><br>
    <label>Sexo:
    <select name="select">
      <option>Masculino</option>
      <option>Femenino</option>
    </select>
    </label> <!-- En esta realizaremos como un menu desplegable-->
</tr>
<tr>
<td>Comentarios:<br><textarea name="coment" cols="10" rows="5">
</textarea><tr><p> <!-- Aqui simplemente realizamos un cuadro para hace comentarios y le asignamos el tamaño .. "cols" y "rows" -->
<tr>
<td><input type="submit" value="enviar"><input type="reset" value="reset"> <!-- Aqui realizamos 2 botones, uno para enviar el formulario y uno para borrar el contenido-->
</tr>
</form> <!-- Cerramos el formulario-->
</table> <!-- Cerramos la rabla-->
</body>
</html>

<!-- Notas:
br: Salto de una linea
p: salto de 2 lineas
tr y td: Para realizar un nuevo cuadro en la tabla..
-->


Ahm.. Todo es mas facil si usan Dreamweaver.. ya que es un programa grafico.. pero si quieren aprender a codear! pues.. aqui esta lo suyo :D!

TUTORIAL BY RATON
FUENTE: http://www.realpaid.org/index.php?topic=16.msg34#new

EDIT: Quedaria mas o menos asi..
« Última modificación: 02 de Abril de 2008, 07:03:27 am por Faver »

Comunidad PHPeros

[TUTORIAL!] Formulario HTML!
« en: 10 de Marzo de 2008, 21:41:35 pm »

Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: [TUTORIAL!] Formulario HTML!
« Respuesta #1 en: 12 de Marzo de 2008, 08:07:08 am »
colorear se hace con CSS! ;)
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011


Desconectado Sebas

  • PHPer@
  • **
  • Mensajes: 51
  • Karma: 0
    • Ver Perfil
Re: [TUTORIAL!] Formulario HTML!
« Respuesta #2 en: 19 de Marzo de 2008, 00:44:31 am »
colorear se hace con CSS! ;)

 ??? ¿tema equivocado?

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: [TUTORIAL!] Formulario HTML!
« Respuesta #3 en: 19 de Marzo de 2008, 12:53:26 pm »
Creo que se ha confundido con "codear" xD

De todos modos, no le vendría mal una pasada de CSS xD

Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: [TUTORIAL!] Formulario HTML!
« Respuesta #4 en: 19 de Marzo de 2008, 15:08:26 pm »
Creo que se ha confundido con "codear" xD

De todos modos, no le vendría mal una pasada de CSS xD
Upsss cierto xD
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011


Desconectado RatoN

  • PHPerit@
  • *
  • Mensajes: 33
  • Karma: 1
    • Ver Perfil
Re: [TUTORIAL!] Formulario HTML!
« Respuesta #5 en: 03 de Abril de 2008, 16:50:35 pm »
Venia a postear el tutorial.. y veo que ya Faver lo posteo..

 Bueno.. no soy un experto.. pero si me confundi en "Colorear" como uds. dicen.. vendria siendo lo de menos.. lo mas importante es la estructura del formulario.. y eso.. no creen?

 Lo hice basico para que la gente pueda aprender y agregandole diferentes opciones para que puedan ver :D! ...

Desconectado Tope

  • PHPero Experto
  • *****
  • Mensajes: 540
  • Karma: 23
  • Sexo: Masculino
  • Programador PHP
    • Ver Perfil
    • www.Info-Keko.Es
Re: [TUTORIAL!] Formulario HTML!
« Respuesta #6 en: 03 de Abril de 2008, 18:05:53 pm »
Citar
action="TUMAIL!"

he sido el unico que se ha fijado?

deberia ser asi:

Citar
action="mailto:TUMAIL!"
Un Saludo, Tope >> Programador FIJO en PHPeros