-
Cómo agregar un formulario Web Simple
-
Incluso si el formulario de pedido que usted necesita para su sitio web es simple, el proceso que se debe seguir para ponerlo requiere al menos un conocimiento básico y una comprensión general de cómo funciona HTML codificación. Al añadir un formulario de solicitud, es necesario agregar tres elementos de la página. En primer lugar, es necesario agregar un espacio para la información de contacto, el segundo necesita una sección donde el cliente hace su pedido y último que necesita un botón de envío.
Instrucciones
1 Ingrese a su servidor Web.
2 Abra la página HTML en la que desea que aparezca el formulario de pedido:
3 Inserte el código siguiente después de la etiqueta <body>:
<Tr>
<Td width = "340" align = "right"> <font color = "# FF0000"> Nombre </ font> </ td>
<Td width = "10"> </ td>
<Td width = "200"> <input type = "text" name = tamaño "Nombre" = "30" tabindex = "1"> </ td>
</ Tr>
<Tr>
<Td width = "340" align = "right"> <font color = "# FF0000"> correo electrónico </ font>
(Su confirmación será enviado aquí): </ td>
<Td width = "10"> </ td>
<Td width = "200"> <input type = "text" name = tamaño "Enviar" = "30" tabindex = "1"> </ td>
</ Tr>
<Tr>
<Td width = "340" align = "right"> Otro Información de contacto: </ td>
<Td width = "10"> </ td>
<Td width = "200"> <input type = "text" name = tamaño "OtherInfo" = "30" tabindex = "1"> </ td>
</ Tr>
<Tr>
<Td width = "340" align = "right"> </ td>
<Td width = "10"> </ td>
<Td width = "200"> </ td>
</ Tr>
</ Table>
4 Inserte el siguiente código para ordenar los campos de entrada en el documento:
<Tr>
<Td width = "250" height = "31"> <b> descripción de artículo </ b> </ td>
<Td align = "center" width = "100" height = "31"> <b> Cantidad </ b> </ td>
<Td align = altura "derecho" = anchura "31" = "60"> <b> Precio </ b> </ td>
<Td align = altura "derecho" = anchura "31" = "140"> <b> Total </ b> </ td>
</ Tr>
<Tr>
<Td width = "250"> Clase "A" Reproductores </ td>
<Td align = "center" width = "100">
<Input type = "text" name = tamaño "qtyA" = "5" tabindex = "5"> </ td>
<Td align = ancho "derecho" = "60"> 1.25 </ td>
<Td align = ancho "derecho" = "140">
<Input type = "text" name = "Totala" size = índice de tabulación "12" = "99"> </ td>
</ Tr>
<Tr>
<Td width = "250"> Reproductores de Clase "B" </ td>
<Td align = "center" width = "100">
<Input type = "text" name = tamaño "qtyB" = "5" tabindex = "5"> </ td>
<Td align = ancho "derecho" = "60"> 2.35 </ td>
<Td align = ancho "derecho" = "140">
<Input type = "text" name = "totalB" size = índice de tabulación "12" = "99"> </ td>
</ Tr>
<Tr>
<Td width = "250"> Reproductores de Clase "C" </ td>
<Td align = "center" width = "100">
<Input type = "text" name = tamaño "qtyC" = "5" tabindex = "5"> </ td>
<Td align = ancho "derecho" = "60"> 3.45 </ td>
<Td align = ancho "derecho" = "140">
<Input type = "text" name = "Totalc" size = índice de tabulación "12" = "99"> </ td>
</ Tr>
<Tr>
<Td width = "250"> </ td>
<Td align = "center" width = "100"> </ td>
<Td align = ancho "derecho" = "60"> </ td>
<Td align = ancho "derecho" = "140"> </ td>
</ Tr>
<Tr>
<Td width = "250">
<P align = "right"> <b> TOTALES: </ b> </ td>
<Td align = "center" width = "100"> </ td>
<Td align = ancho "derecho" = "60"> </ td>
<Td align = ancho "derecho" = "140">
<Input type = "text" name = "GrandTotal" size = índice de tabulación "15" = "99"> </ td>
</ Tr>
<Tr>
<Td width = "250"> </ td>
<Td align = "center" width = "100"> </ td>
<Td align = ancho "derecho" = "60"> </ td>
<Td align = ancho "derecho" = "140"> </ td>
</ Tr>
</ Table>
5 Reemplazar los casos de "A", "B" y "C" y los precios ($ 1,25, $ 2,35 y $ 3,45) con los nombres reales de productos y precios.
6 Insertar el botón "Enviar" para el próximo inserción de este código:
<P> </ p>
<Table border = "0" cellpadding = "0" width = "550" id = "Cuadro 3">
<Tr>
<Td width = "563">
<P align = "center">
<Input type = "submit" value = "Enviar" name = "subButton" tabindex = "50">
<Input type = "reset" value = "Reset" name = índice de tabulación "resetButton" = "50"> </ td>
</ Tr>
</ Table>
</ Form>
7 Publicar la página.
