Cómo diseñar un formulario web de tarjeta de crédito

Escrito por chad buleen | Traducido por francisco roca
Cómo diseñar un formulario web de tarjeta de crédito

Un formulario web de tarjeta de crédito debe ser funcional.

Comstock/Comstock/Getty Images

Lo más importante que debes recordar al crear un formulario web para tarjeta de crédito es que estos formularios, antes que nada, deben ser funcionales. Mientras más sencillo sea el formulario, más fácil será de utilizar. Crear un formulario web de tarjetas de crédito es muy sencillo gracias al hecho de que gran parte de la codificación de "back-end" (final o salida del proceso) que necesita ya ha sido completado. Puedes utilizar un código HTML ya existente y hacerle modificaciones para diseñar un formulario web de tarjetas de crédito.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Accede a tu servidor web y abre la página en la que hospedarás el formulario web de tarjeta de crédito.

  2. 2

    Inserta el siguiente código dentro de las etiquetas "<body>" que están en la parte superior de la página: <form method="post" action="https://www.cryptoheaven.com/ch/web-form.jsp" ENCTYPE="multipart/form-data">

  3. 3

    Pulsa el botón "Enter" (entrar) y luego introduce la siguiente información: <input type="hidden" name="CH_successPage" value="http://www.tuservidor.com/exito"> <input type="hidden" name="CH_errorPage" value="http://www.tuservidor.com/error">

  4. 4

    Reemplaza la línea "http://www.tuservidor.com/exito" con la URL que deseas abrir si la tarjeta de crédito es aceptada. Reemplaza la línea "http://www.tuservidor.com/error" con la URL que deseas abrir si la tarjeta de crédito no es aceptada.

  5. 5

    Pulsa el botón "Enter" (entrar) para pasar a una nueva línea.

  6. 6

    Inserta el siguiente código: <table width=518 border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr bgcolor="#E5E5E5"> <td height="22" colspan="3" align="left" valign="middle"><strong> Billing Information (required)</strong></td> </tr> <tr> <td height="22" width="180" align="right" valign="middle">First Name:</td> <td colspan="2" align="left"><input name="firstName" type="text" size="50"></td> </tr> <tr> <td height="22" align="right" valign="middle">Last Name:</td> <td colspan="2" align="left"><input name="lastName" type="text" size="50"></td> </tr> <tr> <td height="22" align="right" valign="middle">Company (optional):</td> <td colspan="2" align="left"><input name="company" type="text" size="50"></td> </tr> <tr> <td height="22" align="right" valign="middle">Street Address:</td> <td colspan="2" align="left"><input name="address1" type="text" value="" size="50"></td> </tr> <tr> <td height="22" align="right" valign="middle">Street Address (2):</td> <td colspan="2" align="left"><input name="address2" type="text" value="" size="50"></td> </tr> <tr> <td height="22" align="right" valign="middle">City:</td> <td colspan="2" align="left"><input name="city" type="text" value="" size="50"></td> </tr> <tr> <td height="22" align="right" valign="middle">State/Province:</td> <td colspan="2" align="left"><input name="state" type="text" value="" size="50"></td> </tr> <tr> <td height="22" align="right" valign="middle">Zip/Postal Code:</td> <td colspan="2" align="left"><input name="zip" type="text" value="" size="50"></td> </tr> <tr> <td height="22" align="right" valign="middle">Country:</td> <td colspan="2" align="left"><input name="country" type="text" value="" size="50"></td> </tr> <tr> <td height="22" align="right" valign="middle">Phone:</td> <td colspan="2" align="left"><input name="phone" type="text" value="" size="50"></td> </tr> <tr> <td height="22" colspan="3" align="left" valign="middle"> </td> </tr> <tr bgcolor="#E5E5E5"> <td height="22" colspan="3" align="left" valign="middle"><strong> Credit Card (required)</strong></td> </tr> <tr> <td height="22" align="right" valign="middle">Credit Card Number:</td> <td colspan="2" align="left"><input name="CCNo" type="text" value="" size="19" maxlength="40"></td> </tr> <tr> <td height="22" align="right" valign="middle">Expiry Date:</td> <td colspan="2" align="left"> <SELECT NAME="CCExpiresMonth" > <OPTION VALUE="" SELECTED>--Month-- <OPTION VALUE="01">January (01) <OPTION VALUE="02">February (02) <OPTION VALUE="03">March (03) <OPTION VALUE="04">April (04) <OPTION VALUE="05">May (05) <OPTION VALUE="06">June (06) <OPTION VALUE="07">July (07) <OPTION VALUE="08">August (08) <OPTION VALUE="09">September (09) <OPTION VALUE="10">October (10) <OPTION VALUE="11">November (11) <OPTION VALUE="12">December (12) </SELECT> / <SELECT NAME="CCExpiresYear"> <OPTION VALUE="" SELECTED>--Year-- <OPTION VALUE="04">2004 <OPTION VALUE="05">2005 <OPTION VALUE="06">2006 <OPTION VALUE="07">2007 <OPTION VALUE="08">2008 <OPTION VALUE="09">2009 <OPTION VALUE="10">2010 <OPTION VALUE="11">2011 <OPTION VALUE="12">2012 <OPTION VALUE="13">2013 <OPTION VALUE="14">2014 <OPTION VALUE="15">2015 </SELECT> </td> </tr> <tr> <td height="22" colspan="3" align="left" valign="middle"> </td> </tr> <tr bgcolor="#E5E5E5"> <td height="22" colspan="3" align="left" valign="middle"><strong> Additional Information</strong></td> </tr> <tr> <td height="22" align="right" valign="middle">Contact Email:</td> <td colspan="2" align="left"><input name="contactEmail" type="text" value="" size="50"></td> </tr> <tr> <td height="22" colspan="3" align="left" valign="middle"> </td> </tr> <tr> <td height="22" align="right" valign="top">Special Notes:</td> <td colspan="2" align="left"><textarea name="notes" cols="45" rows="4"></textarea></td> </tr> </table> <p><input name="Submit" type="submit" value="Send Secure Form >>"></p> </form>

  7. 7

    Haz clic en "OK" (aprobado o correcto) o "Publish" (publicar) para publicar el formulario en tu página web.

No dejes de leer...

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media