Gli sviluppatori Web inserire pulsanti di ingresso nei moduli per consentire agli utenti di inviare i dati e a volte i pulsanti controllo elementi interattivi nelle pagine Web, ad esempio di attivare e disattivare i menu. Ogni browser Visualizza pulsanti di input in modo diverso, e per aggiungere alla confusione, il rendering avviene ulteriormente con i diversi sistemi operativi, che utilizzano i visitatori. L'impostazione di dimensioni per i pulsanti inpui HTML rende i disegni di sito Web più stabile e meno incline a rompere. Per farlo utilizzando il codice di ripristino automatico di sistema (CSS, Cascading Style Sheet).

Istruzioni

1

Aprire il file HTML della tua pagina Web in un editor di codice come NotePad + +, jEdit o BBEdit. Individuare il codice per il pulsante che si desidera modificare, che assomiglia a questo:

< input type = "submit" Identificativo = "my button" valore = "Invia It!" / >

2

Controllare il valore dell'attributo "ID" per il tag < input >. Se nessun "ID" è impostato, quindi aggiungerlo nel tuo tag < input >. Utilizzare un nome univoco e significativo. Si utilizzerà questo nome in CSS per quel pulsante specifico di destinazione.

3

Aprire il tuo file CSS o aggiungere codice tra < style > e < / stile > Tag, che a sua volta andare tra < head > e < / head > Tag del file HTML. Aggiungere il codice riportato di seguito:

My button {

Larghezza: 150px;

}

Il cancelletto è un prefisso che dice al browser di destinazione di un attributo "ID", e che è seguito dal nome hai dato il tag < input >. Tra le parentesi graffe, è necessario impostare la proprietà "width" per il valore desiderato. L'esempio qui sopra mostra una larghezza di 150 pixel, ma è possibile impostare ems sostituendo la "px" con "em."

Consigli & Avvertenze

• È inoltre possibile specificare altezza, padding, i margini e le altre proprietà CSS per il pulsante di input HTML.
• Poiché i pulsanti visualizzano in modo diverso attraverso i browser e sistemi operativi, non aspettatevi pulsanti a guardare lo stesso per ogni visitatore. Se avete bisogno di una certa altezza, carattere o il colore per il pulsante, assicurarsi di impostare tutti loro in CSS.