Attributi degli input
Fa parte della sezione Fondamenti del percorso HTML di Coddy. Lezione 37 di 60.
Ecco alcuni altri attributi utili per gli input di testo:
placeholder: Fornisce un breve suggerimento che descrive il valore previsto del campo di input (ad es., "Enter your name").value: Imposta il valore iniziale del campo di input.maxlength: Specifica il numero massimo di caratteri consentiti nel campo di input.
Ecco un esempio di come creare un campo di testo con un testo segnaposto:
<input type="text" name="username" placeholder="Enter username">In questo esempio, abbiamo un campo di input testuale con il nome "username" e un segnaposto che dice "Enter username". Quando il campo di input è vuoto, il testo segnaposto viene visualizzato all'interno del campo. Quando l'utente inizia a digitare, il testo segnaposto scompare.
Sfida
FacileCrea un documento HTML che includa un modulo con i seguenti campi di input di testo:
- Un campo di input di testo con il nome "firstname" e un segnaposto che dice "Enter your first name".
- Un campo di input di testo con il nome "lastname" e un segnaposto che dice "Enter your last name".
- Un campo di input di testo con il nome "email" e un segnaposto che dice "Enter your email". Imposta la lunghezza massima di questo campo a 50 caratteri.
Provalo tu
<!DOCTYPE html>
<html>
<body>
<!-- Scrivi il codice qui -->
</body>
</html>
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Fondamenti
1Fondamenti di HTML
Che cos’è HTML?Struttura di base di un documento HTMLTag ed elementiAnnidamento e tag di chiusuraCommenti in HTML7Pagina del profilo personale
Panoramica del progettoSezione intestazione
Immagine del profiloSezione Chi sonoLink ai social2Testo e formattazione
IntestazioniParagrafiInterruzioni di rigaTesto in grassetto e corsivoAncora grassetto e corsivoRiepilogo - formattazione5Aggiungere contenuti
Attributi HTMLCollegamentiCollegamenti a nuove pagineImmaginiAttributi delle immagini8Moduli e campi di input - Parte 1
Nozioni di base sui moduliCampi di testoAttributi degli inputCampo passwordEtichette per gli inputRiepilogo - modulo di base11Pagina di registrazione all'evento
Panoramica del progettoSezione intestazioneSezione dettagli dell'eventoModulo di registrazioneSezione piè di paginaEsercitati da solo: Playground Web