Nwlapcug.com


Come fare un Input di testo con HTML



Le specifiche di HTML includono tag per la creazione di campi di input di testo all'interno di forme, che è quindi possibile programmare con JavaScript, PHP o ASP.Net da inviare a un database. Il tag < input > viene utilizzato per rendere i campi di input per il testo e pulsanti in HTML4 e XHTML di invio. È anche possibile utilizzare < input > per creare speciali campi inpui di testo "nome" o "posta elettronica" quando si codifica in HTML5. Mentre non a livello di codice molto diverso dal vecchio ingresso di "testo", questi tipi di < input > aggiungere significato semantico al vostro Web page.

Istruzioni

1

Aprire la pagina Web in un editor di codice e trovare il tag di apertura < forma >. Se non vedete uno, aggiungere apertura e chiusura tag < form > al codice della pagina. Tra questi tag, digitare nel tuo tag < input > e qualunque altri tag relativi forma avete bisogno. Un campo di testo generico aspetto in HTML:

< input type = "text" / >

2

Aggiungere un attributo "name" al tag < input > e dargli un nome univoco e significativo. È inoltre possibile aggiungere l'attributo "value" a un tag < input > per prefill l'input di testo.

< input type = "testo" nome = "nome" value = "John Doe" / >

3

Avvolgere un tag < label > il tag < input > per aggiungere un'etichetta al testo di input. Digitare il testo per l'etichetta da qualche parte tra l'apertura e il tag di chiusura < label >, prima o dopo il tag < input >. Quindi impostare l'attributo "for" per l'etichetta su un nome del tag < input >.

< label > il tuo nome: < input type = "testo" nome = "nome" valore = "John Doe" / >< / etichetta >

4

Modificare l'attributo "type" da "testo" al "nome" per utilizzare codice HTML5, se lo si desidera. A partire dal 2011, non tutti i tipi di HTML5 < input > lavorano a browser più diffusi, ma "nome" e "indirizzo email" lavorare in Firefox e Chrome. Questo non cambia molto, ma è più codifica semantica o "significativo". Anche modificare il "valore" a "segnaposto" e impostare un testo segnaposto. I valori per < input > ottenere inviati al server quando l'utente fa clic sul pulsante "Invia" per errore, ma segnaposto fornisce solo un testo di esempio. Ecco ciò che il campo < input > per un nome simile in HTML5:

< label > il tuo nome: < tipo input = "nome" nome = segnaposto "nome" = "John Doe" >< / etichetta >

Consigli & Avvertenze

  • Non utilizzare codice HTML5 a meno che non si installa prima un JavaScript per renderlo compatibile con i browser meno recenti.
  • Durante la codifica per HTML5, alcuni attributi non funzionano con browser meno recenti. In questo caso, i browser più recenti ottenere l'extra "helper" contenuto, come il testo di esempio, mentre la pagina funziona ancora il browser più vecchi, ma con meno funzioni. È inoltre possibile utilizzare JavaScript fall-back.