Le pagine Web HTML possono includere forme di catturare l'input dell'utente. All'interno di queste forme, vari elementi HTML possono acquisire i dati utilizzando le caselle di testo, pulsanti, caselle di controllo e gli elenchi a discesa. Quando un utente inserisce le informazioni in un modulo Web, quindi sottopone al sito, il browser sarà spesso inviare i dati acquisiti a un'altra pagina HTML o di uno script lato server in un linguaggio come PHP o ASP. Gli attributi per elementi di input, tra cui l'ID e il nome, possono influenzare la cattura dei dati e l'aspetto di una forma.

elemento di input

L'elemento di input HTML può presentare una varietà di controlli utente all'interno di una pagina Web. Il codice di esempio riportato di seguito illustra una casella di testo:

Nome utente: <input type = "text" name = "username" />

Questo codice di markup include un elemento di inserimento testo all'interno di un modulo Web. L'utente può immettere testo digitando nella 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, casella di controllo o di discesa. L'elemento di ingresso è accompagnato da un breve pezzo di testo che indica quali informazioni la casella di testo è per, in modo che l'utente saprà cosa per entrare.

attributi

Elementi di input possono includere una varietà di attributi che determinano l'aspetto e funzione. Ad esempio, gli sviluppatori possono includere listener di eventi attributi determinare funzioni JavaScript da eseguire quando l'utente interagisce con un elemento di input, come nel seguente markup di esempio:

Indirizzo: <input type = "text" name = "indirizzo" onclick = "onTextbox ()" />

Gli sviluppatori utilizzano spesso questa tecnica per migliorare l'interattività con le parti in un modulo Web, alterare l'aspetto delle sezioni della pagina quando l'utente interagisce con elementi particolari. elementi di entrata comprendono generalmente il tipo e attributi nome, ma può opzionalmente comprendere altri attributi.

modulo di presentazione

Quando un modulo Web cattura l'input dell'utente, che include il codice istruire il browser per inviare l'utente ha inserito i dati ad una seconda pagina Web o ad uno script lato server. Quando questa seconda pagina o lo script riceve i dati, si utilizza il nome attributi per recuperare particolari elementi di dati dal modulo. Ciò significa che se uno sviluppatore vuole catturare l'input utente con un particolare elemento di forma in questo modo, essi devono includere l'attributo nome all'interno di tale elemento. Per il nome utente e indirizzo di esempio caselle di testo, qualsiasi script che riceve i dati possono utilizzare il nome specificato attributi per stabilire ciò che l'utente è entrato in questi elementi.

Presentazione

Le pagine Web possono implementare lo stile e l'interattività con Cascading Style Sheet codice e JavaScript. Entrambi questi spesso usano gli attributi di identificazione di elementi. Il seguente codice di esempio CSS dimostra l'identificazione di un elemento con un attributo ID specifico per lo styling:

nametext {color: # 333333; }

Il seguente esempio di JavaScript dimostra l'acquisizione di un riferimento a un elemento con lo stesso attributo ID, quindi applicando le proprietà di stile dinamiche ad esso:

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

nameText.style.color = "# 330000";

Entrambi questi brani codice dovrebbe lavorare con l'elemento seguente:

<Input type = "text" name = "username" id = "nametext" />

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