Qual è il tipo di input HTML?

Se non hai mai incontrato una linguamarkup, difficilmente capisci cosa sia il tipo di input HTML. Coloro che lavorano con HTML, queste spiegazioni a qualsiasi cosa. Ma per i principianti che stanno imparando questa lingua, sarà utile conoscere uno degli attributi.

lingua

Cos'è questo HTML e chi ne ha bisogno? Fu conosciuto per la prima volta nel 1993. È uno strumento standardizzato, condizionatamente, per la creazione di documenti su Internet. Per non addentrarti nella terminologia difficile dei programmatori, puoi spiegare tutto questo più facilmente. La maggior parte delle pagine Web che vedi sulla rete sono costituite da comandi e codici. Tutti loro inventano questa lingua.

L'applicazione principale che riproduce l'HTML,è visto il browser. È per lui e ha adattato tutte le squadre. Interpreta tutti i risultati che possono essere scritti nel solito "Blocco note", nel testo formattato sullo schermo.

struttura

Per non essere perso nell'intero array di testo,che è scritto nel linguaggio di markup e trova lì gli attributi necessari del tipo di input HTML, il documento è strutturato. Consiste di elementi che sono racchiusi tra tag.

Queste sono etichette speciali, dotate delle proprietà del testo,racchiuso nel tag. Ad esempio, è necessario creare un paragrafo. Prendi una porzione di testo per separarla, racchiudila tra i tag <p> e <p />. I segni di barra (/) di solito terminano il comando e sono chiamati chiusura. Ci sono tag che non richiedono la chiusura. Ad esempio, <br> è un'etichetta che crea un'interruzione di riga.

Nella struttura di un documento scritto in HTML,Gli elementi costanti sono tracciati. Alcuni sono considerati obbligatori, altri possono essere eliminati. In generale, è possibile selezionare collegamenti ipertestuali, blocchi di testo, elaborazione di testi, esistenza di elenchi, oggetti, immagini, mappe, tablet, simboli e moduli. L'ultimo elemento sarà discusso in maggior dettaglio.

forma

Per trovare l'attributo del tipo di input HTML, è necessariostudiare il concetto di "forma". Una delle definizioni indica che questo è un elemento che aiuta l'utente a inserire informazioni sul sito per l'elaborazione successiva. Per spiegare più facilmente, è necessario ricordare la pagina web. Probabilmente hai visto sui siti diversi elementi nell'interfaccia, che sono rappresentati da campi per l'inserimento di testo, pulsanti, interruttori e bandiere.

I moduli sono strumenti per l'utente. Permettono al visitatore di cercare informazioni sul sito, lasciare commenti, partecipare a sondaggi, ecc. Per attivare uno qualsiasi dei moduli proposti sulla pagina, è necessario utilizzare il tag <form>.

feedback

Per creare moduli, puoi utilizzare uno dei seguenti:le tag più comuni <input>. Lei è responsabile per gli elementi con cui i visitatori stanno lavorando. Così, grazie a questo tag è possibile utilizzare campi speciali di testo, pulsanti, pulsanti di opzione, caselle di controllo, etc.

Se non è necessario raccogliere e analizzareinformazioni, quindi questo tag non deve essere all'interno di <form>. Ma se vuoi che i materiali lasciati dal visitatore vengano inviati al server e poi analizzati, allora è richiesta l'etichetta del modulo.

diversità

Ora andiamo direttamente all'attributoInput HTML. Tipo è un attributo che indica il tipo dell'elemento. In questo caso, è completamente diverso. Diventa un campo di testo, un campo password, ecc. L'attributo è multifunzionale e può dare all'utente la possibilità di cancellare rapidamente un modulo compilato con un modulo errato o allegare un file.

senso

Ci sono una dozzina di valori per l'attributo di input HTMLdigitare. Il testo crea una "cornice" nella pagina per inserire le informazioni. Può essere utilizzato per diversi scopi: ricerca di materiali sulla pagina, inserimento di dati personali, ecc. Un campo simile è specificato dal valore della password. Esternamente sembra un testo, ma tutte le informazioni che vi sono immesse sono indicate da "asterischi". Questa opzione viene spesso utilizzata in modo che gli altri non possano scoprire quale password si immette.

Ci sono altri due valori simili per l'attributo type: checkbox e radio. La prima opzione è una casella di controllo. Se è necessario effettuare un sondaggio sul sito, la casella di controllo viene convertita in una casella di controllo. E devi scegliere diverse opzioni. La seconda opzione è creata per lo stesso scopo, ma è chiamata "interruttore". Ti permette di usare una sola opzione di risposta.

Molti hanno attributi che imitano i pulsantiHTML. Il tipo di input submit crea un pulsante popolare, grazie al quale è possibile inviare i dati di input al server. Ce n'è uno simile, chiamato immagine. Fa lo stesso, ma sembra una foto, in modo da non sembrare statica. C'è solo un pulsante con un valore di pulsante.

Come accennato in precedenza, grazie a <input> È possibile creare elementi per caricare file o immagini. Per fare ciò, utilizzare il valore per l'attributo type-file. Probabilmente hai visto un elemento simile sulla pagina web. Soprattutto dove è possibile caricare file.

L'ultimo valore per il tipo di input HTML è nascosto. Con esso, un campo nascosto può apparire sulla pagina web. Non appare per l'utente, ma aiuta lo sviluppatore. Ad esempio, se è necessario trasferire le informazioni sul server che è stato creato da lui in precedenza. Quindi ci sono alcuni tag che sono visibili solo nel file con il codice. Inoltre, a causa di questo valore, i dati nascosti sono formati per php o js.

Altri attributi

In HTML, il formato <input> non è il soloattributo. Un intero elenco può essere trovato in qualsiasi libro di testo elettronico sull'apprendimento del linguaggio di marcatura. Ad esempio, è possibile utilizzare l'allineamento, con il quale è possibile determinare l'allineamento dell'immagine. Questo attributo funziona non solo con le forme. Può essere usato, ad esempio, se hai aggiunto una mappa con la tua posizione al sito, ma vuoi metterla in un modo diverso. Quindi puoi assegnare a questo attributo un valore medio, superiore, sinistro, ecc.

Per assegnare un'alternativa a un pulsantetesto, usa l'attributo alt. In generale, un testo alternativo è necessario per cause di forza maggiore. Supponiamo che un utente abbia problemi con una connessione Internet e il contenuto della pagina Web venga caricato lentamente. A causa del fatto che il pulsante è rappresentato da una determinata immagine, potrebbe non essere affatto scaricato. Al suo posto ci sarà un testo alternativo che specifichi. Così il visitatore può facilmente trovarlo, anche se il pikcha stesso non appare.

L'attributo elenco può aiutare con la compilazione di un elencoopzioni. Se l'utente inserisce i dati nel campo di testo, potrebbe apparire un piccolo elenco di parole adatte a lui. Puoi bloccare l'accesso e modificare un oggetto usando l'attributo disabilitato. Tali attributi sono più di 30. Consentono al programmatore di correggere il lavoro di tali elementi, impostandoli come valore, tipo, forma, ecc.

risultati

In generale, per conoscere tutti gli elementi, i tag, gli attributi e i loroi valori non sono facili. Soprattutto se hai appena iniziato con HTML. Coloro che lavorano con questa lingua per almeno un paio d'anni possono facilmente operare con la maggior parte di questi codici. Ma i nuovi arrivati ​​sono meglio utilizzare ulteriori informazioni. Ci sono molti tutorial che spiegano il significato di ciascun elemento.