E-commerce transazioni con carta di credito richiedono programmazione sicura e precisa e l'elaborazione del database in qualsiasi applicazione o sito Web. Utilizzando HTML, sviluppatori Web creano forme semplici e complessi di carte di credito che consentono agli utenti di inserire le informazioni necessarie per completare una transazione con carta di credito con successo. Non è necessario eseguire molto convalida JavaScript, perché alcune delle informazioni critiche, quali il tipo di carta e la data di scadenza, viene da pre-popolati elenchi a discesa.

istruzione

1 Aggiungere questo codice alla sezione corpo di un documento HTML in cui si desidera visualizzare il modulo di carta di credito:

<Form id = "carta di credito" action = metodo "xyz" = "post">
<Div class = "blocco">
<Label for = "cardNumber"> Nome: </ label>
<Input type = "text" size = "60" id = "nome" name = "nome" />
</ Div>

<Div class = "blocco">
<Label for = "indirizzo"> Indirizzo: </ label>
<Input type = "text" size = "60" id = "Text1" name = "nome" />
</ Div>

<Div class = "blocco">
<Label for = "cardNumber"> Numero di carta di credito: </ label>
<Input type = "password" size = "12" id = "cardNumber" name = "cardNumber" />
</ Div>

Questo crea campi di input di testo per catturare un utente di nome, indirizzo e numero di carta di credito. Se avete bisogno di altri campi, quali indirizzo o numero di telefono, aggiungerli qui. Modificare l'ordine dei campi in base alle proprie preferenze. Sostituire XYZ nel <form> dichiarazione con l'URL di un programma sul server che elaborerà il modulo. È possibile inviare un modulo a un server Web utilizzando due metodi diversi: ". Post" "Get" e Utilizzare Messaggio durante l'esecuzione di transazioni sicure su Internet.

2 Aggiungere questo blocco di codice sotto la precedente:

<Div>
<Select name = "monthExpires">

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

& Lt; / select> /
& Lt; select name = "yearExpires">
& Lt; option value = "" SELEZIONATO> - scadenza Anno--
& Lt; option value = "10"> 2010
& Lt; option value = "11"> 2011
& Lt; option value = "12"> 2012
& Lt; option value = "13"> 2013
& Lt; / select>

</ Div>

</ Form>

Questo crea caselle a discesa che contengono mese di scadenza della carta di credito e l'anno. Aggiungere elementi di opzione per aprile a dicembre nel modo indicato nelle "monthExpires" tag <select>. Anche aggiungere ulteriori anni ai "yearExpires" tag <select> se ne avete bisogno.

3 Aggiungere il codice per questo pulsante di invio sotto il codice precedente:

<P> <input name = "Invia" type = "submit" value = "Processo la carta di credito"> </ p>

Quando un utente fa clic su questo pulsante, il browser invierà i valori che l'utente entra al server Web per l'elaborazione.

Consigli e avvertenze

• Questo è un esempio di base che illustra l'uso di HTML per creare una forma semplice carta di credito. Avrete bisogno di un programma come PHP o ASP.NET sul server Web per elaborare il modulo una volta si sottopone. Vedere il tutorial in Risorse per conoscere la gestione forma sul lato server.