Come creare un Clear & Invia pulsante di un modulo quindi allineare nel centro di una pagina Web

October 1

Come creare un Clear & Invia pulsante di un modulo quindi allineare nel centro di una pagina Web


I moduli sono il modo di interagire con i visitatori del tuo sito web. I blog, e-commerce, motori di ricerca, webmail e ogni sorta di altri siti si basano su tutte le forme. Essi sono parte dello standard HTML, ma il posizionamento degli oggetti possono essere goffo. CSS (fogli di stile), però, consente di controllare il posizionamento dei pulsanti del modulo senza fare affidamento su tavoli.

istruzione

Invia e Clear pulsanti

1 Tipo <input type = "submit" value = "Invia"> per creare il pulsante di invio.

2 Tipo <input type = "reset" value = "Cancella"> per creare il pulsante chiaro.

3 Includere il seguente codice nel tuo CSS per centrare i pulsanti:

tasto, selezionare, reimpostare {display: block; margin-left: auto; margin-right: auto; width: auto; }

Pulsante, ingresso [type = "submit"], ingresso [type = "reset"] {width: 20em; }

Consigli e avvertenze

  • È possibile modificare l'impostazione della larghezza della CSS a qualsiasi larghezza di cui avete bisogno per i pulsanti, ma è necessario fornire una larghezza per il centraggio di lavorare.
  • Utilizzare <center> </ center> tag in tutto i pulsanti di forma, se non si utilizza CSS nella tua pagina web.