“Conocimientos Programación>Lenguajes De Programación

Cómo codificar un formulario de registro para un sitio web

2012/9/14
Codificación de un formulario de inscripción de un sitio web puede beneficiar tanto a usted como a los visitantes a su sitio web. Un formulario de registro en línea ofrece a los visitantes una manera conveniente , sin papeles , y rápido de firmar para arriba para su servicio. En lugar de esperar a inscribirse en persona , un visitante puede utilizar el formulario en línea para registrar las 24 horas del día , los 7 días de la semana . Debido a que el formulario se envía automáticamente a la bandeja de entrada , la codificación de un formulario de inscripción también puede ayudarle a mantenerse organizado . Instrucciones
1

Abre tu editor de texto y comience un nuevo documento HTML. Asegúrese de que el documento incluye las siguientes etiquetas :



Registro Página 2 <p> Escriba la etiqueta <form> en el cuerpo del documento HTML. <br> 3 <p> Añada el método y atributos de acción a su etiqueta de formulario . Después de que el atributo de acción , introduzca su dirección de correo electrónico. Esta es la dirección en la que toda la información será enviada cuando alguien rellena el formulario de inscripción . <br> <p> <form Method="post" action="mailto:you@youremail.com"> <br> Página 4 <p> Escriba una etiqueta <p> seguida de la pregunta que desea responder a un visitante . Por ejemplo , si desea que el visitante para entrar en su nombre completo , ingrese el siguiente : <br> <p> ¿Cuál es su nombre completo <br> 5 <p> Crear un cuadro de texto para una ? visitante a responder a su pregunta , añadiendo una etiqueta <input /> . Todas las etiquetas de párrafo y de entrada debe estar comprendida entre los <form> y </form> <br> 6 <p> incluyen el tipo y el tamaño de los atributos en la etiqueta <input /> : . <br> < p> <input type="text" size=" " name= " " /> <br> 7 <p> Introduce el número de caracteres anchos usted quiere que su cuadro de texto que sea. Coloque este número entre las comillas en el atributo de tamaño. Por ejemplo , el código siguiente sería crear un cuadro de texto que permitiría a un usuario para responder a su pregunta en 15 caracteres : <br> <p> <input type="text" size="15 " name= " " /> <br> 8 <p> Describa los datos del formulario que está recopilando rellenando el atributo de nombre . Cuando el formulario es enviado a su correo electrónico , la descripción en el atributo de nombre identificará cada elemento de datos . Por ejemplo , este código <input type="text" size="15 " name= " fullname" /> generaría el siguiente mensaje de correo electrónico : <br> <p> nombre completo = " Bob Barker " <br> <br> 9 <p> Cerrar su etiqueta de párrafo . <br> 10 <p> Pregúntele a su visitante para más información y crear los cuadros de texto de tamaño adecuado , repitiendo los pasos 4 a 10 . <br> 11 <p> Crear un botón que envía el formulario de inscripción a su correo electrónico , escriba el siguiente código: <br> <p> <input type="submit" value="register" /> <br> <p> su documento HTML que pide visitantes a registrarse introduciendo su nombre completo en un cuadro de texto se vería así : <br> <p> <html> <br> <p> <head> <br> <p> Formulario de Inscripción <title> < /title > <br> <p> < /head> <br> <p> <body> <br> <p> <form method="post" action="mailto:you@youremail.com"> ; <br> <p> ¿Cuál es su nombre completo? <input type="text" size=" 15" name= "fullname " /> < /p > <br> <p> <input type="submit" value="register" /> <br> <p> < /body> <br> <p> < /html > <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/¿Cómo-se-crea-un-delimitador-Tabulador-para-una-instrucción-SQL-de-Oracle-.html' >¿Cómo se crea un delimitador Tabulador para una instrucción SQL de Oracle </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-escribir-casos-de-prueba-para-una-página-Web-.html' >Cómo escribir casos de prueba para una página Web </a> </div> </div> <dl class=xgc> <dt><span>Lenguajes De Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-encontrar-el-tamaño-de-búfer-en-getBytes-DbDataReader-.html">Cómo encontrar el tamaño de búfer en getBytes DbDataReader </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-leer-una-firma-digital-en-C-#-.html">Cómo leer una firma digital en C # </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-distribuir-Xcode-en-Mac-Linux-.html">Cómo distribuir Xcode en Mac Linux </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-escribir-Pseudocódigo-de-una-calculadora-.html">Cómo escribir Pseudocódigo de una calculadora </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-encontrar-los-códigos-de-color-hexadecimal-.html">Cómo encontrar los códigos de color hexadecimal </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Carácter-matriz-vs-cadenas-.html">Carácter matriz vs cadenas </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-crear-Entrar-en-HTML-.html">Cómo crear Entrar en HTML </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Descripción-de-trabajo-para-un-programador-de-CMM-CMM-.html">Descripción de trabajo para un programador de CMM CMM </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-hacer-paquetes-de-Cydia-en-el-iPhone-.html" >Cómo hacer paquetes de Cydia en el iPhone </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-borrar-un-carácter-anterior-en-C-+-+-.html" >Cómo borrar un carácter anterior en C + + </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-crear-una-secuencia-de-solicitar-privilegios-a-una-base-de-datos-.html" >Cómo crear una secuencia de solicitar privilegios a una base de datos </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Protocolo-ASCII-.html" >Protocolo ASCII </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-quitar-un-botón-con-RemoveChild-en-AS3-.html" >Cómo quitar un botón con RemoveChild en AS3 </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-crear-un-DFD-.html" >Cómo crear un DFD </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/CSS-Imagen-de-sustitución-Efecto-.html" >CSS Imagen de sustitución Efecto </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-utilizar-un-ratón-en-QBasic-.html" >Cómo utilizar un ratón en QBasic </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Indexación-vectorial-en-MATLAB-.html" >Indexación vectorial en MATLAB </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/¿Cómo-estimar-densidad-del-núcleo-Suavizado-.html" >¿Cómo estimar densidad del núcleo Suavizado </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-utilizar-un-InputBox-en-VBScript-.html" >Cómo utilizar un InputBox en VBScript </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Aplicación-Estrategias-de-Desarrollo-Prototipos-.html" >Aplicación Estrategias de Desarrollo Prototipos </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>