Tecnología

Inicio

Cómo hacer que las formas de tarjeta de crédito HTML

November 17

Cómo hacer que las formas de tarjeta de crédito HTML


las transacciones de tarjetas de crédito de comercio electrónico requieren programación segura y precisa y el procesamiento de base de datos en cualquier aplicación basada en web o página web. El uso de HTML, los desarrolladores web crear formas de tarjeta de crédito simples y complejas que permiten a los usuarios introducir la información necesaria para completar una transacción de tarjeta de crédito con éxito. Usted no tiene que realizar mucho validación de JavaScript, porque parte de la información crítica, como el tipo de tarjeta y fecha de caducidad, proviene de las listas desplegables pre-pobladas.

Instrucciones

1 Agregue este código a la sección del cuerpo de un documento HTML en el que desea que aparezca el formulario de tarjeta de crédito:

<Form id = "tarjeta de crédito" action = método de "xyz" = "post">
<Div class = "bloque">
<Label for = "cardNumber"> Nombre: </ label>
<Input type = "text" size = "60" id = "nombre" name = "nombre" />
</ Div>

<Div class = "bloque">
<Label for = "dirección"> Dirección: </ label>
<Input type = "text" size = "60" id = "Text1" name = "nombre" />
</ Div>

<Div class = "bloque">
<Label for = "cardNumber"> Número de Tarjeta de Crédito: </ label>
<Input type = tamaño de la "contraseña" = "12" id = nombre de "cardNumber" = "cardNumber" />
</ Div>

Esto crea campos de entrada de texto para capturar un usuario de nombre, dirección y número de tarjeta de crédito. Si necesita campos adicionales como dirección o número de teléfono, añadir aquí. Reorganizar el orden de los campos para satisfacer sus preferencias. Reemplazar xyz en el <form> comunicado con la dirección URL de un programa en el servidor que va a procesar el formulario. Puede enviar un formulario a un servidor Web mediante dos métodos diferentes: "Obtener" y "Post". Utilizar el poste al realizar transacciones seguras por Internet.

2 Añadir este bloque de código debajo de la anterior:

<Div>
<Select name = "monthExpires">

&lt;option value="" SELECTED>--Exipration Month--
&lt;option value="01">January (01)
&lt;option value="02">February (02)
&lt;option value="03">March (03)

& Lt; / select> /
& Lt; select name = "yearExpires">
& Lt; option value = "" Selected> - Caducidad Año--
& Lt; option value = "10"> 2010
& Lt; option value = "11"> 2011
& Lt; option value = "12"> 2012
& Lt; option value = "13"> 2013
& Lt; / select>

</ Div>

</ Form>

Esto crea cuadros desplegables que contienen mes de vencimiento de la tarjeta de crédito y el año. Añadir elementos de opciones de abril a diciembre de la manera mostrada en las "monthExpires" etiqueta <select>. También añadir años adicionales a los "yearExpires" etiqueta <select> si los necesita.

3 Agregue el código para este botón de envío a continuación el código anterior:

<P> <input name = "Enviar" type = "submit" value = "Proceso de la tarjeta de crédito"> </ p>

Cuando un usuario hace clic en este botón, el navegador enviará los valores que el usuario introduce en el servidor Web para su procesamiento.

Consejos y advertencias

  • Este es un ejemplo básico que ilustra el uso de HTML para crear un simple formulario de tarjeta de crédito. Usted necesitará un programa como PHP o ASP.NET en el servidor Web para procesar el formulario una vez que envíe la misma. Ver el tutorial en Recursos para aprender sobre manejo de formularios del lado del servidor.