Nwlapcug.com


Come fare i moduli HTML per carta di credito

Come fare i moduli HTML per carta di credito


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" >

&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>--Expiration Year--
&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 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.