[HTML] [attributo] type

type (attributo base HTML) stabilisce il tipo dell’elemento HTML cui acceda.

tag

valore

<a>

type = "[tipo di media]": specifica il tipo di media del documento linkato (ad es., “text/html”).

<button>

type = "button": stabilisce che si tratta di un bottone.
type = "reset": stabilisce che si tratta di un bottone che resetta i campi del form ai valori iniziali.
type = "submit": stabilisce che si tratta di un pulsante per l’invio dei dati tramite un form.

<embed>

type = "[tipo di media]": specifica il tipo di media del documento incorporato (ad es., “text/html”).

<input>

type = "button": stabilisce che si tratta di un bottone.
type = "checkbox": stabilisce che si tratta di un checkbox.
type = "color": stabilisce che si tratta di un selettore di colori.
type = "date": stabilisce che si tratta di un selettore di data.
type = "datetime-local": stabilisce che si tratta di un selettore di datetime.
type = "email": stabilisce che si tratta di un campo email.
type = "file": stabilisce che si tratta di un campo per l’upload di file. Richiede la compresenza dell’attributo formenctype=multipart/form-data, oppure dell’attributo enctype=multipart/form-data nel tag HTML <form>.
type = "hidden": stabilisce che si tratta di un campo nascosto.
type = "image": stabilisce un’immagine per un bottone.
type = "month": stabilisce un campo per la scelta del mese.
type = "number": stabilisce un campo numero.
type = "password": stabilisce un campo password (i caratteri sono visualizzati come asterischi).
type = "radio": stabilisce un campo radio button.
type = "range": stabilisce un campo per l’immissione di un numero il cui valore esatto non è importante (come un cursore di controllo).
type = "reset": stabilisce che si tratta di un bottone che resetta i campi del form ai valori iniziali.
type = "search": stabilisce un campo search.
type = "submit": stabilisce che si tratta di un pulsante per l’invio dei dati tramite un form.
type = "tel": stabilisce un campo per l’inserimento di un numero di telefono.
type = "text": stabilisce un campo a riga singola per l’inserimento di un testo.
type = "time": stabilisce un campo time.
type = "url": stabilisce un campo url.
type = "week": stabilisce un campo per la scelta della settimana.

<link>

<menu>

type = "context": specifica un menu contestuale.
type = "list" (default): specifica un menu a tendina.
type = "toolbar": specifica un menu toolbar (barra degli strumenti).

<menuitem>

type = "checkbox": consente di selezionare o deselezionare un’opzione;
type = "command" (default): consente di eseguire un’azione su click;
type = "radio": consente di selezionare un’opzione da un gruppo.

<object>

type = "[tipo di media]": specifica il tipo di media della risorsa.

<ol>

type = "1" (numeri arabi) – opzione di default.
type = "i" (numeri romani minuscoli).
type = "I" (numeri romani maiuscoli).
type = "a" (alfabeto minuscolo).
type = "A" (alfabeto maiuscolo).

<script>

type = "[tipo di media]": specifica il tipo di media della risorsa.

<source>

type = "[tipo di media]": specifica il tipo di media della risorsa.

<style>

type = "[tipo di media]": specifica il tipo di media della risorsa. Al momento, l’unico valore ammesso è "text/css".

Esempio

Nel caso di tag <button>, il valore dell’attributo type può essere:

  1. button, che costruisce un bottone generico (generalmente usato per attivare uno script):
    <button type="button">OK</button>
    

  2. submit, che costruisce il bottone di un form:
    <form>
      <button type="submit">OK</button>
    </form>
    

  3. reset, che costruisce un bottone di reset di un form:
    <form>
      <input type="text" placeholder="inserisci un testo qui e poi clicca sul bottone">
      <button type="reset">cancella</button>
    </form>
    



in costruzione.

in costruzione

in costruzione

Nel caso di tag <input>, il valore dell’attributo type può essere uno dei seguenti (con la precisazione che, se manca o se ha un valore non riconosciuto o non ammesso, come ad es. type="ambarabà", l’input avrà automaticamente attributo type="text"):

  1. button, che costruisce un bottone generico (generalmente usato per attivare uno script):
    <input type="button">
    

  2. checkbox, che costruisce una casella di controllo per la scelta tra valori preimpostati, in modo non alternativo tra loro (tale esigenza è soddisfatta dall’attributo radio):
    <form>
      A: <input type="checkbox">
      B: <input type="checkbox">
    </form>
    

    A:
    B:
  3. color, che costruisce un selettore (picker) di colori (da una tavolozza o palette), eventualmente indicando il colore predefinito (in codice hex cioè esadecimale) mediante l’ulteriore attributo value:
    Scegli il colore: <input id="scegli_colore" type="color" value="#6699ff" onchange="javascript:document.getElementById('colore_scelto').value = document.getElementById('scegli_colore').value;">
    Codice Hex del colore scelto: <input type="text" id="colore_scelto" type="text" readonly value="#6699ff">
    

    Scegli il colore:
    Codice Hex del colore scelto:
  4. date, che costruisce un campo data (che è possibile selezionare da un calendario), eventualmente tra un valore minimo (mediante l’ulteriore attributo min) ed uno massimo (mediante l’ulteriore attributo max) e con l’indicazione, sempre eventuale, dello step tra i predetti due (mediante l’ulteriore attributo step) che altrimenti è di default 1 giorno:
    <input type="date" min="2016-01-01" max="2016-12-31" step="3">
    

  5. datetime-local, che costruisce un campo data e orario (che è possibile selezionare da un calendario), eventualmente tra un valore minimo (mediante l’ulteriore attributo min) ed uno massimo (mediante l’ulteriore attributo max) e con l’indicazione, sempre eventuale, dello step tra i predetti due (mediante l’ulteriore attributo step) che altrimenti è di default 1 secondo:
    <input type="datetime-local" min="2016-01-01T00:00:00.0" max="2016-12-31T00:00:00.0" step="259200">
    

  6. email, che costruisce un campo per l’inserimento (e il controllo) della email:
    <input type="email">
    

  7. file, che costruisce un campo per la selezione di un file da caricare sul server tramite il form:
    <input type="file">
    

  8. hidden, che costruisce un campo nascosto (generalmente usato per inviare ulteriori dati di un form, ad esempio id del record di un database, ecc.):
    <input type="hidden">
    

  9. image, che costruisce l’immagine del bottone, da indicare tramite l’ulteriore attributo src:
    <input type="image" src="http://goo.gl/0bRYKb">
    

  10. month, che costruisce un campo per l’inserimento (e il controllo) di un mese dell’anno (che è possibile selezionare da un calendario), eventualmente tra un valore minimo (mediante l’ulteriore attributo min) ed uno massimo (mediante l’ulteriore attributo max) e con l’indicazione, sempre eventuale, dello step tra i predetti due (mediante l’ulteriore attributo step) che altrimenti è di default 1 mese:
    <input type="month" min="2016-01" max="2016-12" step="2">
    

  11. number, che costruisce un campo per l’inserimento (e il controllo) di un numero, eventualmente tra un valore minimo (mediante l’ulteriore attributo min) ed uno massimo (mediante l’ulteriore attributo max) e con l’indicazione, sempre eventuale, dello step tra i predetti due (mediante l’ulteriore attributo step):
    <input type="number" min="100" max="1000" step="50">
    

  12. password, che costruisce un campo per l’inserimento di una password (visualizzata con asterischi o pallini):
    <input type="password">
    

  13. radio, che costruisce un bottone radio per la scelta tra valori preimpostati, in modo alternativo tra loro (a condizione che l’ulteriore attributo name abbia il medesimo valore nominale):
    <form>
      1: <input type="radio" name="a">
      2: <input type="radio" name="a">
    </form>
    

    1:
    2:
  14. range, che costruisce una barra di scorrimento o slider (il cui aspetto varia da browser a browser), eventualmente tra un valore minimo (mediante l’ulteriore attributo min) ed uno massimo (mediante l’ulteriore attributo max) e con l’indicazione, sempre eventuale, dello step tra i predetti due (mediante l’ulteriore attributo step):
    <input type="range" min="100" max="1000" step="50">
    

  15. reset, che costruisce un bottone per l’azzeramento dei dati di un form:
    <form>
      <input type="text" placeholder="inserisci un testo qui e poi clicca sul bottone">
      <input type="reset">
    </form>
    



  16. search, che costruisce un campo da usare per effettuare ricerche:
    <input type="search">
    

  17. submit, che costruisce il bottone di un form:
    <input type="submit">
    

  18. tel, che costruisce un campo per l’inserimento (e il controllo) di un numero di telefono o fax:
    <input type="tel">
    

  19. text, che costruisce un campo per l’inserimento di un testo:
    <input type="text">
    

  20. time, che costruisce un campo per l’inserimento (e il controllo) di un orario, eventualmente tra un valore minimo (mediante l’ulteriore attributo min) ed uno massimo (mediante l’ulteriore attributo max) e con l’indicazione, sempre eventuale, dello step tra i predetti due (mediante l’ulteriore attributo step) che altrimenti è di default 1 secondo:
    <input type="time" min="12:00:00.0" max="12:30:00.0" step="300">
    

  21. url, che costruisce un campo per l’inserimento (e il controllo) di un indirizzo internet:
    <input type="url">
    

  22. week, che costruisce un campo per l’inserimento (e il controllo) di una settimana dell’anno, eventualmente tra un valore minimo (mediante l’ulteriore attributo min) ed uno massimo (mediante l’ulteriore attributo max) e con l’indicazione, sempre eventuale, dello step tra i predetti due (mediante l’ulteriore attributo step) che altrimenti è di default 1 settimana:
    <input type="week" min="2016-W01" max="2016-W08" step="3">
    

L’attributo type permette di stabilire i diversi criteri di enumerazione della lista, ovvero: 1) numeri arabi (type="1") – opzione di default; 2) numeri romani minuscoli (type="i"); 3) numeri romani maiuscoli (type="I"); 4) alfabeto minuscolo (type="a"); 5) alfabeto maiuscolo (type="A").

<ol>
  <li>voce 1</li>
  <li type="i">voce 2</li>
  <li type="I">voce 3</li>
  <li type="a">voce 4</li>
  <li type="A">voce 5</li>
</ol>

  1. voce 1
  2. voce 2
  3. voce 3
  4. voce 4
  5. voce 5

in costruzione.

<link rel="stylesheet" type="text/css" href="mio_css.css">

Nel caso di tag <menu>, il valore dell’attributo type specifica il tipo di menu da visualizzare e può essere:

  1. list, che …:
    in costruzione
    

    in costruzione
  2. toolbar, che …:
    in costruzione
    

    in costruzione
  3. context, che …:
    in costruzione
    

    in costruzione

in costruzione.

in costruzione

in costruzione

in costruzione.

in costruzione

in costruzione

in costruzione.

in costruzione

in costruzione

attributi base html, html

Related Articles

0 Comment

Rispondi