Pagine HTML Web possono includere forme per acquisire l'input dell'utente. Vari elementi HTML, all'interno di queste forme, è in grado di catturare i dati utilizzando le caselle di testo, pulsanti, caselle di controllo ed elenchi a discesa. Quando un utente immette informazioni in un form Web, quindi lo invia al sito, il browser invierà spesso i dati acquisiti da un'altra pagina HTML o a uno script sul lato server in un linguaggio come PHP o ASP. Gli attributi per gli elementi di input, inclusi l'ID e il nome, possono influenzare l'acquisizione dei dati e l'aspetto di una forma.

Elemento di input

L'elemento di input HTML possa presentare una varietà di controlli utente in una pagina Web. Nell'esempio di codice riportato di seguito viene illustrata una casella di testo:

Nome utente: < input type = "testo" nome = "nome utente" / >

Questo codice di markup include un elemento di inserimento testo all'interno di un Web form. L'utente può immettere testo digitando all'interno della casella di testo. L'attributo type è impostato come testo, che indica al browser di visualizzare l'elemento come una casella di testo, piuttosto che qualsiasi altro elemento di input. ad esempio un pulsante, la casella di controllo o l'elenco a discesa. L'elemento input è accompagnato da un breve pezzo di testo che indica quali informazioni casella di testo è per, affinché l'utente saprà che cosa per entrare.

Attributi

Gli elementi di input possono includere una varietà di attributi che determinano l'aspetto e la funzione. Ad esempio, gli sviluppatori possono includere attributi di listener di evento determinare funzioni JavaScript da eseguire quando l'utente interagisce con un elemento di input, come nel codice di esempio riportato di seguito:

Indirizzo: < input type = "testo" nome = "indirizzo" onclick="onTextbox()" / >

Gli sviluppatori spesso utilizzano questa tecnica per migliorare l'interattività con le parti in un Web form, alterare l'aspetto delle sezioni di pagina quando l'utente interagisce con elementi particolari. Gli elementi di input in genere includono gli attributi type e nome, ma è possibile includere anche altri attributi.

Invio del modulo

Quando un Web form acquisisce l'input dell'utente, include codice istruire il browser per inviare i dati immessi a una seconda pagina Web o a uno script sul lato server. Quando questa seconda pagina o lo script riceve i dati, utilizza gli attributi di nome per recuperare gli elementi particolari dati dal modulo. Questo significa che se uno sviluppatore vuole catturare l'utente di input con un elemento di forma particolare in questo modo, essi devono includere l'attributo di nome all'interno dell'elemento. Per esempio nome utente e indirizzo-caselle di testo, qualsiasi script riceve i dati possono utilizzare gli attributi di nome specificato per stabilire che cosa l'utente inserito in tali elementi.

Presentazione

Pagine Web possono implementare stile e interattività tramite codice di foglio di stile CSS e JavaScript. Entrambi questi spesso utilizzano gli attributi ID degli elementi. Nell'esempio di codice CSS viene illustrato che identifica un elemento con un attributo ID specifico per lo styling:

NameText {color: #333333;}

Nell'esempio JavaScript seguente viene illustrato l'acquisizione di un riferimento a un elemento con lo stesso attributo ID, quindi applicando le proprietà di stile dinamico ad esso:

nameText var = document.getElementById("nametext");

nameText.style.color = "#330000";

Entrambi questi estratti di codice avrebbe funzionato con il seguente elemento:

< input type = "testo" nome = "nome utente" id = "nametext" / >

La funzione JavaScript potrebbe eseguire su un evento specifico utente, creando un maggiore livello di interattività.