Le transazioni con carta di credito commercio elettronico richiedono sicura e accurata programmazione ed elaborazione su qualsiasi applicazione basata su Web o il sito Web del database. Utilizzando HTML, gli sviluppatori Web creano forme semplici e complesse di carta di credito che permettono agli utenti di immettere le informazioni necessarie per completare correttamente una transazione con carta di credito. Non è necessario eseguire molto validazione JavaScript, perché alcune delle informazioni critiche, ad esempio di tipo di carta, data scadenza, proviene da elenchi a discesa pre-popolati.
Istruzioni
1
Aggiungere questo codice alla sezione corpo di un documento HTML in cui si desidera visualizzare il modulo carta di credito:
< id modulo = "carta di credito" action = "xyz" method = "post" >
< div class = "blocca" >
< etichetta per = "cardNumber" > Nome: < / etichetta >
< tipo input = "text" size = "60" id = "nome" nome = "nome" / >
< / div >
< div class = "blocca" >
< etichetta per = "indirizzo" > Indirizzo: < / etichetta >
< tipo input = "text" size = "60" id = "Text1" name = "nome" / >
< / div >
< div class = "blocca" >
< etichetta per = "cardNumber" > numero di carta di credito: < / etichetta >
< input type = "password" dimensione = "12" id = "cardNumber" nome = "cardNumber" / >
< / div >
Questo crea campi di input di testo per catturare un utente nome, indirizzo e numero di carta di credito. Se avete bisogno di ulteriori campi come indirizzo o numero telefonico, è possibile aggiungerli qui. Riorganizzare l'ordine dei campi per soddisfare le vostre preferenze. Sostituire xyz nell'istruzione < forma > con l'URL di un programma sul server che elaborerà il modulo. È possibile inviare un modulo a un server Web utilizzando due metodi diversi: "Get" e "Post". Utilizzare Post quando si eseguono transazioni sicure su Internet.
2
Aggiungere questo blocco di codice inferiore a quello precedente:
< div >
< select nome = "monthExpires" >
<option value="" SELECTED>--Exipration Month--
<option value="01">January (01)
<option value="02">February (02)
<option value="03">March (03)
</select> /
<select name="yearExpires">
<option value="" SELECTED>--Expiration Year--
<option value="10">2010
<option value="11">2011
<option value="12">2012
<option value="13">2013
</select>
< / div >
< / form >
Questo crea caselle a discesa che contengono mese di scadenza della carta di credito e anno. Aggiungere elementi di opzione per aprile fino a dicembre nel modo illustrato nel tag "monthExpires" < select >. Anche aggiungere ulteriori anni al tag "yearExpires" < select > se ne avete bisogno.
3
Aggiungere il codice per questo pulsante Invia sotto il codice precedente:
< p >< nome di input = "Submit" type = "submit" value = "Elaborare la carta di credito" >< / p >
Quando un utente fa clic su questo pulsante, il browser invierà i valori immessi dall'utente al server Web per l'elaborazione.
Consigli & Avvertenze
- Questo è un esempio di base che illustra l'utilizzo di HTML per creare un modulo semplice carta di credito. È necessario un programma come PHP o ASP.NET sul server Web per elaborare il form una volta che si invia. Vedere il tutorial in risorse per conoscere la gestione dei form sul lato server.