A volte, quando si dispone una pagina Web, è necessario nascondere alcuni degli elementi in essa contenuti. Ad esempio, se desideri che il visitatore non veda i pulsanti di invio del modulo fino a quando non vengono compilati tutti i campi obbligatori. Oppure se il pulsante non è destinato a essere utilizzato dal visitatore, ma lo script posizionato in questa pagina dovrebbe "cliccarlo".
Istruzioni
Passo 1
Utilizzare la proprietà di visualizzazione dei fogli di stile a cascata (CSS) per disattivare o attivare la visualizzazione degli elementi della pagina desiderati. Secondo gli standard internazionali, a questa proprietà possono essere assegnati più di una dozzina e mezza di valori che specificano diversi metodi di visualizzazione. Tuttavia, solo quattro sono cross-browser (cioè funzionano in tutti i principali browser). Tra questi quattro, c'è il valore nessuno di cui hai bisogno, che ti consente di nascondere l'elemento della pagina desiderato.
Passo 2
Crea il set richiesto di linee guida CSS. Nella sua forma più semplice, potrebbe apparire così: button {display: none;} In questo caso, la pagina non visualizzerà tutti i pulsanti che utilizzano il tag….
Passaggio 3
Aggiungi un'indicazione al nome della classe nelle istruzioni se vuoi nascondere solo un pulsante o un gruppo specifico di pulsanti. Ad esempio, nominare tale classe HideBtns e aggiungere questo nome all'istruzione CSS: button. HideBtns {display: none;} Aggiungere l'attributo class al pulsante desiderato nel codice HTML della pagina e assegnargli il valore HideBtns: hidden button
Passaggio 4
Applicare la proprietà display con il valore none all'elemento padre se si desidera, ad esempio, nascondere non solo il pulsante, ma anche altri elementi del modulo Web. Il form è considerato il "genitore" di tutti gli elementi posti tra i tag e. Per esempio:
Qui, all'interno del modulo vengono inseriti un campo di testo e un pulsante per l'invio del valore inserito. Il form è assegnato a una classe denominata HideForm, quindi per nascondere sia il campo di input che il pulsante, è necessario modificare l'istruzione CSS in questo modo: form. HideForm {display: none;}
Passaggio 5
Posiziona il codice preparato nell'esempio sopra nell'intestazione del documento web (tra i tag e). Per comunicare al browser del visitatore che si tratta di codice CSS, deve essere racchiuso tra i tag di stile HTML di apertura e chiusura:
button. HideBtns {display: none;}
