Come fare un pulsante di ingresso arrotondato

August 28

Come fare un pulsante di ingresso arrotondato


Quando un webmaster vuole raccogliere informazioni dagli utenti, una possibilità è quella di costruire una forma. Gli utenti inseriscono il loro nome, numero di telefono o e-mail nei campi di testo. menu a discesa, caselle di controllo e caselle possono essere aggiunti per migliorare la forma. Alla fine, l'utente fa clic su un pulsante tondo di solito etichettato "Invia". Questo invia le informazioni sotto forma di un indirizzo e-mail o server. Questo pulsante arrotondate può essere usato per vari scopi - l'esempio precedente è un uso comune. Un pulsante può essere utilizzato per ripristinare i campi in un modulo, stampare la pagina, generare una azione in un Javascript o non hanno alcun scopo tranne che per la personalizzazione e spingendo. Creazione di un pulsante è facile utilizzando HTML

istruzione

1 Aprire un programma in grado di creare e modificare i documenti HTML. Su un PC Windows, Microsoft Notepad è una buona scelta. Si può trovare premendo il pulsante "Start" nell'angolo in basso dello schermo e la navigazione su "Tutti i programmi", "Accessori" e poi "notepad". Su un Apple Mac, Editor di testo funzionerà. Aprire questo programma dal Dock o dalla cartella Applicazioni.

2 Incollare il seguente codice nell'editor: <name = azione "input" form = "mailto: [email protected]" method = "post">
'
Questa stringa di codice inizia la forma. Qui, la forma viene dato un nome "input" e ha detto dal "azione" per inviare le informazioni a un indirizzo e-mail dopo che il pulsante tondo è spinto alla fine. Altri comandi di azione complessa possono essere aggiunti per ottenere il modulo per fare cose diverse.

3 Aggiungere questa riga di codice al di sotto del precedente: <input type = "submit" value = "Invia" />

Questo crea il pulsante di ingresso arrotondato. Il type = "submit" dice l'editor HTML per creare un pulsante che verrà utilizzato per inviare informazioni in forma a un indirizzo e-mail. Il "valore" indica ciò che verrà scritto sul pulsante tondo - in questo caso, "Invia". Questo può essere cambiato nulla.

4 Copiare questa linea di testo nel documento: <type = "button" input onclick = "formReset ()" value = "forma Reset" />

Un pulsante tondo non si limita alla presentazione di informazioni - può fare anche altre cose. In questa riga di codice, il pulsante tondo è configurato per ripristinare tutti i campi in una forma. L'azione "formReset ()" può essere sostituito con i codici per la stampa del "PrintPage ()" la pagina o reindirizzare l'utente a un altro sito web "window.location.href = ''">.

Il "tipo di ingresso" nel codice indica viene creato un pulsante. Questo dovrebbe essere usato in tutti i codici dei pulsanti, tranne quando si crea un pulsante "invia".

5 Chiudere il codice inserendo questo codice qui sotto tutto: </ form>

Questo indica gli elementi del form, tra cui il pulsante tondo sono finiti.

6 Salvare il documento HTML. In Blocco note Microsoft, andare su "File" e cliccare su "Salva con nome". Inserire un nome di file per il documento e termina con ".html" Fai clic su "Salva". Su un computer Mac, cliccare su "File" nella parte superiore della pagina e poi "Salva con nome". Inserire un nome di file per il documento e modificare il formato da Rich Text alla pagina web HTML usando il menu a tendina sottostante.

Consigli e avvertenze

  • Prova a mettere questa riga di codice dopo Passo 2: <input type = "text" name = "utente" />
  • Questo crea una casella di input in cui il testo può essere scritto. Altri elementi, come le finestre di messaggio, caselle di controllo, caselle o menu a discesa sono aggiunti in questa fase, a seconda del tipo di informazioni che il webmaster vuole raccogliere da parte degli utenti quando si effettua un pulsante "Invia".