Nwlapcug.com


Stile di pulsante di input in formato HTML

Stile di pulsante di input in formato HTML


Pagine HTML Web utilizzano dichiarazioni CSS (Cascading Style Sheet) per determinare la loro comparsa all'interno del browser Web dell'utente. Siti Web possono includere queste dichiarazioni di stile all'interno della sezione head di una pagina o all'interno di file CSS dedicati collegati da ogni pagina. Le regole CSS possono dettare le regole di stile di qualsiasi elemento HTML, inclusi gli elementi di input quali pulsanti all'interno di forme. Le regole CSS includono layout, colorazione, bordi e uso di immagini di sfondo.

Elemento HTML

Pagine Web dichiarare gli elementi di input quali pulsanti utilizzando tag HTML. Nell'esempio di codice riportato di seguito viene illustrata la creazione di un elemento button all'interno di una pagina Web:

< input type = valore "pulsante" = "Premere" / >

Moduli dei siti Web possono anche contenere tipi specifici di pulsante come presentare pulsanti, che causano i dati immessi in un modulo per essere elaborati e inviati al server Web quando l'utente fa clic su loro. Il markup riportato di seguito viene illustrata l'aggiunta di un pulsante di invio a una pagina Web:

< input type = "submit" value = "Submit" / >

Entrambi questi tipi di pulsante utilizzare le stesse tecniche per lo styling in CSS.

Class e ID

Le regole CSS possono identificare gli elementi di pagina utilizzando il tipo di elemento o attributi specificati quali ID e Class. Se le regole CSS utilizzano solo il tipo di tag per specificare le regole di stile, lo stile verrà applicato a tutti gli elementi di quel tipo all'interno della pagina. Se gli sviluppatori desiderano personalizzare le proprietà di stile per elementi specifici o classi di oggetti, essi possono pertanto utilizzare invece gli attributi Class e ID. Il codice riportato di seguito viene illustrato l'aggiunta di un attributo ID di un elemento button:

< tipo input = "pulsante" value = "Press" id = "buttonx" / >

Il markup riportato di seguito viene illustrata l'aggiunta di un attributo di classe:

< tipo input = "pulsante" value = "Press" class = "formbutton" / >

Gli attributi ID devono essere utilizzati in modo univoco all'interno di una pagina, quindi lo stesso ID non può apparire due volte. Lo stesso attributo di classe possa apparire più volte nella pagina.

Identificatore di CSS

Le regole CSS identificano gli elementi di insiemi particolari della dichiarazione si applicano a. Ad esempio, il seguente codice CSS viene illustrata l'applicazione di una dichiarazione di dimensione e colore del carattere di input tutti gli elementi:

ingresso

{font-size: grande; color: #000066;}

Elementi di ID sono definiti facendo precedere il nome ID con un simbolo di cancelletto. Nell'esempio seguente di codice CSS riferisce lo styling solo gli elementi con il valore dell'attributo ID specificato:

ButtonX

{margin: 2px; padding: 5px;}

Gli elementi della classe sono definiti facendo precedere il nome della classe con un periodo. Il codice riportato di seguito viene illustrata l'applicazione gli stili elencati per tutti gli elementi di input con il valore di attributo di classe specificato:

input.formbutton

{border: 1px solid #000000; background-color: #FFFF00;}

Dichiarazioni CSS

Le dichiarazioni CSS è possono impostare lo stile degli elementi HTML in molti modi diversi. Le regole CSS possono determinare colori di testo e di sfondo per qualsiasi elemento HTML. CSS possono anche impostare immagini di sfondo per gli elementi specifici, impostando facoltativamente le immagini di ripetere in particolare indicazioni. Il modello di riquadro CSS consente agli sviluppatori di impostare le dimensioni dell'elemento, padding, bordi e aree di margine, tra cui la dimensione di ogni aspetto. File CSS possono anche impostare le proprietà per una pagina intera, spesso usato per le opzioni ad esempio tipi di carattere e lo stile di immagine.