La sintassi di XML può essere definita dall utente a seconda del tipo di documento da creare.

Transcript

1 Á Á Á Á o o o o š š è :<;>=@?@A :>4CBEDGFIH JLKNM O XHTML 1.0 è stata la prima grande modifica allo standard HTML 4.0 (rilasciato nel 199). O Le specifiche sono reperibili all indirizzo " # $ %& ' ( ) %*+, ) -/. % 0, 1 - ( *' ) %2 ' hii<j kmll9j n<j ˆˆ ŠC ŠC <Œ< Œ< /ŽŽC CŽ Ž C / < @ Ž Maggiore flessibilità Possibilità di creare pagine web più ricche su una gamma di browser e display in espansione Modularità Compatibilità all indietro XML è un nuovo linguaggio creato a partire dallo standard SGML al fine di garantire maggior flessibilità e generalità di utilizzo per implementare diversi tipi di dati. È stato sviluppato dallo XML Working Group (originariamente noto come SGML Editorial Review Board) costituitosi all'interno del W3C nel P Q R S T UV W S W X W YYT Z [ \] W X T U ^ W_ W Q ` S W Q a b \ c \d W S ] \et Q ] f/r \ g Q ` f S ew ] \a W p q r s t uv w s w x w yyt z { } w x t u ~ w w q s w q ƒ w s } t q } /r q s w } w ³³ µc µc C <¹ ¹ º º<»¼»9¹ ½<¹m¾/ ÚÚ ÛÛ ÜCÝ ÜCÝCÞÞ ßß<àà áá<â¼â9à ã<àmäæå äæå<çç Creare un linguaggio utilizzabile con facilità in Internet ma più flessibile di HTML. Compatibilità con applicazioni differenti. Facilità di progettazione ed elaborazione dei documenti. Necessità di disporre di un linguaggio che permettesse di descrivere e strutturare i dati. Comprensibilità elevata dei documenti grazie all utilizzo di elementi aventi nomi non arbitrari o convenzionali ma che rispecchino il loro contenuto (ad esempio si potrebbe definire un elemento author in cui vada inserito il nome dell autore di un libro, nel contesto di un sito creato per la vendita o la consultazione di libri), rendendo anche più facile la catalogazione dei documenti per eventuali ricerche. œ ž Ÿ ž Ÿ Ÿ ª œ «ž œ ž Ÿ œ ±/ ² œ «± ž Â Ã Ä Å Æ ÇÈ É Å É Ê É ËËÆ Ì Í ÎÏ É Ê Æ Ç Ð ÉÑ É Ã Ò Å É Ã Ó Ô Î Õ ÎÖ É Å Ï Î Æ Ã Ï Ø/Ä Î Ù Ã Ò Ø Å É Ï ÎÓ É

2 a a è è!!""$##&%% ''&()(*% +&%-,/.,/.&00 JJKKL!M L!M!N&O N&O-PP)QQ R&Q STQ U$R!OOVNN&O$W O$W WW XZY-QQ RR\[[X-YTY-Q X-YTY-Q-]]^`_ 1 Permettere la pubblicazione online di documenti indipendenti dal tipo di dispositivo che vi avrà accesso. 1 Permettere alle industrie di sviluppare protocolli indipendenti dalle piattaforme per lo scambio dei dati. 1 Permettere agli sviluppatori di visualizzare l informazione nel modo desiderato, grazie al supporto dei fogli di stile. La sintassi di XML può essere definita dall utente a seconda del tipo di documento da creare. E possibile definire delle classi di documenti significative (chiamate DTD Document Type Definition ossia definizione di tipo del documento) e associarvi particolari proprietà mediante un foglio di stile esterno, che può essere realizzato in formato CSS o XSL : 9 ;;6 < = >? 9 : 9A 9 3 B C D > E >F 9 5? >G 6 3? H4 > I 3 B H 5 G 9? >C 9 JJKKL!M L!M!N&O N&O-PP)QQ R&Q STQ U$R!OOVNN&O$W O$W WW XZY-QQ RR\[[X-YTY-Q X-YTY-Q-]]/z-_ ~} ƒ ƒ T Z &ˆƒ V Š ŒŽ { L utente può scegliere se utilizzare delle DTD già create (ad esempio sono state create delle DTD per uniformare i documenti creati per particolari settori, come MathML-Mathematical Markup Language). È obbligatorio, all inizio del file, dichiarare il tipo di modello di documento (DTD) utilizzato. Si deve includere il riferimento al XML namespace. E case-sensitive, per cui i nomi dei tag e degli attributi devono essere scritti in lettere minuscole. Si devono indicare gli elementi vuoti. Tutti i valori degli attributi devono essere racchiusi tra virgolette. b c d e f g h i e i j i kkf l m no i j f g p iq i c r e i c s t n u nv i e o nw f c o xd n y c r x e w i o ns i b c d e f g h i e i j i kkf l m no i j f g p iq i c r e i c s t n u nv i e o nw f c o xd n y c r x e w i o ns i ƒªv«\ - * & )±V²- $³V µ~ ¹ Ô ÕƒÖV \Ø-Ù*Ú Û&Ú Ü Ú Ù)ÝVÞ-Õ$ßVà á~â¹ãzäæå&ç º Perché XHTML sia compatibile all indietro con HTML sono necessari alcuni accorgimenti:» Gli elementi vuoti devono essere scritti con uno spazio tra il nome del tag e lo slash (ad es. <br />).» Nel caso in cui si utilizzino elementi senza contenuto è opportuno ricorrere alla notazione standard (ad es. <head> </head>) e non a un tag vuoto (<head />). Non si possono omettere le sezione <head> e <body> Il primo elemento della sezione <head> deve essere <title> š œ ž Ÿ œ œ œ œ œ ¼ ½ ¾ À Á Â Ã Ã Ä Ã ÅÅÀ Æ Ç ÈÉ Ã Ä À Á Ê ÃË Ã ½ Ì Ã ½ Í Î È Ï ÈÐ Ã É ÈÑ À ½ É Ò¾ È Ó ½ Ì Ò Ñ Ã É ÈÍ Ã

3 ^! #"%$'& ()& * & $,+!-%/.! :9); U!V/W W)X#YZ,[\V)] < Non lasciare linee vuote o spazi tra i valori degli attributi perché differenti user-agent potrebbero interpretarli in modi diversi. < Utilizzare sia l attributo id sia name per definire il nome di un elemento. Infatti l attributo name è stato rimpiazzato dall attributo id ma non tutti i browser lo interpretano ed è quindi opportuno utilizzare notazione doppia. I documenti XHTML devono essere ben formati ossia: _ Tutti gli elementi devono avere un tag di apertura e uno di chiusura. _ Tutti gli elementi devono essere annidati in modo corretto. _ Ci deve essere un unico elemento radice (<html>). = A B C D E D FFA G H IJ D E A B K DL D > D > N O I P IQ J IR A > J S? I T > M R D J IN D xzy {}#y,y'}%{ ~!/ % ~%ƒ ª La struttura di base di un documento XHTML è costituita da: Dichiarazione versione XML (<?xml version= 1.0?>) Dichiarazione DOCTYPE (<!DOCTYPE html PUBLIC - //W3C//DTD XHTML 1.0 Transitional//EN transitional.dtd> ) Sezione <head> Sezione <body> Strict DTD, la versione base. Transitional DTD, supporta gli stessi tag della Strict ma con attributi aggiuntivi. Frameset DTD, aggiunge alle versioni precedenti il supporto di elementi (<frame> e <frameset>) per la creazione di frame all interno della pagina. ` a b c d e f g c g h g iid j k lm g h d e n go g a p c g a q r l s lt g c m lu d a m vb l w a p v c u g m lq g ˆ Š Œ Ž Œ Œ š œ Œ žš Ÿ ž <head> <body> La sezione <head> può contenere: <title>, per dare un titolo al documento <style>, per inserire informazioni di stile interne (CSS) <link>, per inserire un link a un foglio di stile esterno <script>, per inserire script <meta>, per inserire meta informazioni sul documento <base>, per definire l URL di base del sito <object>, per inserire oggetti La sezione <body> di un documento può contenere: Titoli Paragrafi Liste Tabelle Immagini Commenti Codice di script ˆ Š Œ Ž Œ Œ š œ Œ žš Ÿ ž ˆ Š Œ Ž Œ Œ š œ Œ žš Ÿ ž

4 Attributi di <body> Attributi di <body> (2) Gli attributi di <body> sono: Background= URL, per definire un immagine di sfondo Bgcolor= name hex code, per definire un colore di sfondo text= name hex code, per definire il colore di base del testo link= name hex code, per definire il colore dei link alink= name hex code, per definire il colore dei link attivi alink= name hex code, per definire il colore dei link visitati Commenti Elementi block I commenti sono introdotti (come in HTML, SGML e XML) dai caratteri speciali: <! - commenti --> Gli elementi block, ossia che definiscono dei blocchi all interno del documento sono: <p> <div> <blockquote> <pre> <h1> <h6> Hanno un significato semantico Paragrafi Livelli Il tag per introdurre un nuovo paragrafo è: <p> paragrafo </p> Per l allineamento si utilizza l attributo: align= left right center Il tag per introdurre livelli è: <div> scritte </div> Per l allineamento si utilizza l attributo: align= left right center

5 Titoli Citazioni I tag per definire i titoli sono: <h1> titolo </h1> <h2> titolo </h2> <h3> titolo </h3> <h4> titolo </h4> <h5> titolo </h5> <h6> titolo </h6> Possono definire titoli fino al 6 livello. Il tag per inserire una citazione è: <blockquote> </blockquote> Viene generalmente utilizzato per inserire citazioni lunghe. Testo preformattato Elementi descrittivi Il tag per inserire un testo preformattato è: <pre>. </pre> Sono elementi utilizzati per descrivere a livello semantico il loro contenuto. Elementi inline Abbreviazioni Citazioni Il tag utilizzato per descrivere un testo di tipo abbreviazione è: <abbr>. </abbr> Ha un significato puramente semantico. Nella maggior parte dei browser non ha nessun effetto a livello di stile. Il tag utilizzato per inserire il riferimento di una citazione è: <cite> </cite> Generalmente è visualizzato in italico. Per inserire invece il contenuto di una citazione breve si usa: <q> </q> Nella maggior parte dei browser non ha nessun effetto a livello di stile.

6 Codice Enfasi Il tag utilizzato per inserire codice è: <code> </code> Generalmente visualizzato come carattere di macchina da scrivere (ex. Courier new) Il tag utilizzato per esprimere l enfasi di un elemento è: <em> </em> Generalmente visualizzato in italico. Importanza Elementi stilistici Il tag utilizzato per sottolineare l importanza semantica di un elemento è: <strong> </strong> Generalmente è visualizzato in grassetto. Elementi di tipo inline. Descrivono l apparenza stilistica del loro contenuto. Non hanno alcun valore semantico (non danno significato al testo cui si applicano). Elementi stilistici (2) Elementi stilistici (3) Testo in grassetto: <b> </b> Testo di dimensioni maggiori: <big> </big> Testo italico: <i> </i> Testo sottolineato <u> </u> Testo come macchina da scrivere: <tt> </tt> Testo di dimensione ridotta: <small> </small> Testo barrato : <strike> </strike>

7 Elementi stilistici (4) Elementi stilistici (5) Apici: <sup> </sup> Pedici: <sub> </sub> <font>, permette di modificare l aspetto del testo. size= int, per definire le dimensioni (da 1 a ) color= name hex code, per definire il colore face= font-family, per definire il font da utilizzare Elementi stilistici (6) Nuova riga <basefont> permette di definire l aspetto di base del testo per tutto il documento. Ha gli stessi attributi di <font>. Il tag per introdurre una nuova riga è: <br /> Linea Liste Il tag per inserire una linea orizzontale è: <hr />. align= right left center, per definire l allineamento. noshade= noshade, per impostare la linea come non ombreggiata. size= pixel, per definire lo spessore della linea. width= int perc, per definire la larghezza della linea. In XHTML è possibile creare 3 tipi di liste: Ordinate Non ordinate Di definizione

8 Liste ordinate Liste ordinate (2) Il tag che introduce una lista ordinata è: <ol> </ol> Gli elementi della lista sono introdotti dal tag: <li> </li> <ol> type= 1 a A i I, per definire il tipo di numerazione degli elementi. start= int, per definire il numero da cui inizia la lista. Liste non ordinate Liste non ordinate (2) Il tag che introduce una lista non ordinata è: <ul> </ul> Gli elementi della lista sono introdotti dal tag: <li> </li> <ul> ha come principale attributo: type= square disc circle, per definire il tipo di marcatore della lista. Liste di definizione Link Una lista di definizione è introdotta dal tag: <dl> </dl> Il termine da definire è introdotto dal tag <dt> </dt> che contiene la definizione, introdotta dal tag: <dd> </dd> I link vengono realizzati tramite il tag: <a> </a> href= URL, per definire la risorsa a cui ci si collega name= text, per etichettare una sezione del documento target= name, nome del frame in cui caricare la risorsa o parola chiave

9 Link (2) Link (3) Il valore dell attributo href può essere: Una URL esterna, per cui deve essere indicato il protocollo: href= href= Un file: href= index.htm. Una sezione del documento: Href= #sez. Il valore di target può essere una parola chiave: _blank, per aprire la risorsa in una nuova finestra. _top, per aprire la risorsa a piena pagina. _self, per aprire la risorsa nello stesso frame in cui si trova il link. _parent, per aprire la risorsa nel frame parent.! " # $ % & " & ' & ( ( # ) * +, & ' # $ - &. & / " & & ", + 4 #, 5! + 6 / 5 " 4 &, + 0 & Immagini Inserire un immagine Le immagine da inserire in un documento XHTML devono essere in un formato supportato: GIF JPG PNG Nota: XHTML e HTML non supportano l utilizzo di immagini BMP. Il tag per inserire un immagine è: <img /> Principali attributi obbligatori: src= URL, per indicare l indirizzo dell immagine da caricare alt= text, per definire un testo alternativo all immagine! " # $ % & " & ' & ( ( # ) * +, & ' # $ - &. & / " & & ", + 4 #, 5! + 6 / 5 " 4 &, + 0 &! " # $ % & " & ' & ( ( # ) * +, & ' # $ - &. & / " & & ", + 4 #, 5! + 6 / 5 " 4 &, + 0 & Attributi dell immagine Principali attributi facoltativi: width= int pixel, per definire la larghezza dell immagine height= int pixel, per definire l altezza dell immagine Questi attributi sono importanti per velocizzare il caricamento delle pagine in cui l immagine è inserita. Attributi dell immagine (2) Altri attributi facoltativi: hspace= pixel, per definire un margine verticale. vspace= pixel, per definire un margine orizzontale. border= pixel, per definire lo spessore del bordo.! " # $ % & " & ' & ( ( # ) * +, & ' # $ - &. & / " & & ", + 4 #, 5! + 6 / 5 " 4 &, + 0 &! " # $ % & " & ' & ( ( # ) * +, & ' # $ - &. & / " & & ", + 4 #, 5! + 6 / 5 " 4 &, + 0 &

10 Attributi dell immagine (3) Align= left right middle top bottom baseline, per definire l allineamento orizzontale e verticale dell immagine Attenzione! Per centrare l immagine è necessario utilizzare il tag <center> o un livello!!! Attributi dell immagine (4) usemap= #name, per indicare una sezione con i comandi di mappatura ismap= ismap, per utilizzare l immagine come image map server side Image map!!" #%$ &##'!()& $* +%,"-.+/)0"12-!0%34-658!9 9 : ; 0%34-!<40"/>=?;A@!0" B%C D"E!F?G HIC JKJH"ELC D"M6NPOLCRQ%S M"H!S MTO?C U U M!S M!D%VWCXH!S M"MTOLC Y4Z[]\"^?_ Z`)ab\"cd`6^?e!f!e"\gc!h! hgi?f"\!_ Zkjdl"`6mm%Z n!z _h \"mm`6o%z\!y hpf!e q r s)t u?v w w x!y x!z%{4x? } ~ % 4ƒ) "ƒk? " ˆ W ) L Š "Œ! pš! 1. Client side 2. Server side Coordinate di un immagine Ç È É Ç È Ë Å ½ Â Ã Ø Ü Û Ý Ü è Per trovare le coordinate di un immagine è possibile: ª Ä Å"Æ «ª «É Ê Ê"Ë «± ± ² ³ µ ²µ"ª Ì ÆÍ ¹Kº2«Î Ï Ç ÉÍ Í Ð ² Ñ Ì2Í º º2«L» ¼ ÒÓÔÁÕ Ö ¾ ÁÀ <a href="#"> <img src="pathname"... ismap= ismap > </a> éëê ì6í Ù Ú Û ÙßÞ à"áˆâ áˆú Û à ã6û Ù ä8ä Ùßå"Ü%ã6Û Ùæ Þ ÙßàˆÞ à"áâ áßçå6ü à Û Ž š œ ž Ÿ š š š š ž šÿ Image map client side Per inserire nel codice un image map client side si utilizza la seguente sintassi: <IMG SRC="menu.gif" usemap="#menu"> Image map client side (2)! " #! $ %&%'" (*),+ -(,! )#!., $!.,! <map> </map> / 0,%'# %'11! ),. #! 2#!! #, 3! 54 / <area> </area> î ï ð ñò ó ô õ ñõ ö õ ò ø ù úûõ ö ò ó ü õý õ ï þñõ ï ÿ ú ú õ ñûú ò ï û ð ú ï þ ñ õ ûúÿ õ î ï ð ñò ó ô õ ñõ ö õ ò ø ù úûõ ö ò ó ü õý õ ï þñõ ï ÿ ú ú õ ñûú ò ï û ð ú ï þ ñ õ ûúÿ õ

11 u u u u Ž A Ž t t t š š š <area> Il tag <area> shape="rect" "circle" "poly" "default, per indicare la forma dell'area ritagliata alt= text, testo alternativo!"$# "!%'& (*) +-,. / 01,-23) +-45) + coords="x1,y1,x2,y2" 6!!8 8 9 A ;=ED F3D = F3G ; HIF'9@9J= :JD K!< ;1F ;K<>= 95;L=!MMND 9? "x, y, r" BC "x1,y1, x2,y2, x3,y3,..." O!P Q@QJR SNT U!VW X-SXT3Y@XR W>T P3T Z*T U-QJR SNT U!X@[ <area> (2) href="url, per indicare l'url associata all'area nohref= nohref, per impostare come non attiva una determinata area target= name, nome del frame in cui caricare la risorsa o parola chiave \ ] ^ _ ` a b c _ c d c e e ` f g h i c d ` a j ck c ] l _ c ] m n h o h p c _ i h q ` ] i r^ h s ] l r _ q c i h m c Tabelle Esempio tabella Le tabelle vengono utilizzate soprattutto per realizzare documenti con un layout preciso. La tabella é introdotta dal tag <table> </table> Si costruiscono poi le righe <tr> </tr> Dentro le righe si inseriscono le celle, o colonne <td> </td> \ ] ^ _ ` a b c _ c d c e e ` f g h i c d ` a j ck c ] l _ c ] m n h o h p c _ i h q ` ] i r^ h s ] l r _ q c i h m c \ ] ^ _ ` a b c _ c d c e e ` f g h i c d ` a j ck c ] l _ c ] m n h o h p c _ i h q ` ] i r^ h s ] l r _ q c i h m c <table> <table> (2) Può contenere i tag: <caption> <thead> <tfoot> <tbody> <tr> width="pixel percent,! 3 3 larghezza della tabella border="int, per specificare il bordo della tabella cellspacing="int, per specificare lo spazio tra le celle (in pixel) cellpadding="int, per specificare lo spazio tra il bordo e il contenuto della cella (in pixel) v w x y z { } y } ~ } z ƒ } ~ z { } } w y } w ˆ Š } y ƒ z w ƒ Œx w Œ y } ƒ } v w x y z { } y } ~ } z ƒ } ~ z { } } w y } w ˆ Š } y ƒ z w ƒ Œx w Œ y } ƒ }

12 G u u G G u <table> (3) align=" left center right, per definire l allineamento della tabella nella pagina bgcolor="name hex code, per specificare un colore di sfondo della tabella summary="text, per descrivere lo scopo o la struttura della tabella. Utile per migliorare l' usabilità del documento. <tr>!" #%$'& ($") ) *,+%) -. align="left center right, per definire l allineamento orizzontale del contenuto delle celle nella tabella. valign="top middle bottom, per definire l allineamento verticale del contenuto delle celle nella tabella <td> <caption>. align="left center right, per definire l allineamento orizzontale del contenuto della cella. valign="top middle bottom, per definire l allineamento verticale del contenuto della cella. bgcolor="name hex code, per definire un colore di sfondo della cella. rowspan="int, per definire il numero di righe occupate dalla cella. colspan="int, per definire il numero di colonne occupate dalla cella <caption> permette di inserire una didascalia per la tabella. HIKJ%LNMPORQ,S T UJ"T Q%I'V OKI"W W S T X,Y%W L[Z \ align = "top bottom left right, per specificare l'allineamento della didascalia rispetto alla tabella. / : ;< = 6> 6 0? 2 6 A ; B ;C 6 2 < ;D 3 0 < E1 ; F 0? E 2 D 6 < ;@ 6 / : ;< = 6> 6 0? 2 6 A ; B ;C 6 2 < ;D 3 0 < E1 ; F 0? E 2 D 6 < ;@ 6 Strutture aggiuntive Frame E possibile dividere la tabella in: \ Una sezione head <thead> \ Una sezione body <tbody> \ Una sezione foot <tfoot> Utile per accedere agli elementi della tabella con linguaggi di scripting. I frame sono un modo per suddividere una schermata in più sezioni ognuna delle quali contenente un documento HTML (o un'immagine o altro tipo di file) differente e indipendente. u vxwzyk{ [}~ {w ƒ x ˆ~ yš Œ ' z z ' <body> Ž z ' [ ( Œ <frameset> š Šœ zž Ÿ z ž, ( [ªz N Œ «ªz z Œ 'œ <frame> </frame> ] ^ _ ` a b c d ` d e d ffa g h ij d e a b k dl d ^ m ` d ^ n o i p iq d ` j ir a ^ j s_ i t ^ m s ` r d j in d ] ^ _ ` a b c d ` d e d ffa g h ij d e a b k dl d ^ m ` d ^ n o i p iq d ` j ir a ^ j s_ i t ^ m s ` r d j in d

13 Q à Q à à à <frameset> <frame> cols = "percent pixel *,! #"!$ % &!% ('!& &!'!)*! +,"-%/ &2&3% &4.5'!%/"!624! 45'"!"-% 61% % &8 rows = "percent pixel * :;! ;"!$ % &2% <'!& =!>!?*@!A B(C-DEA D F-G@HD L1D M NHO N PNF-D =N E' possibile utilizzare contemporaneamente gli attributi cols e rows qualora si desideri creare una struttura speculare. jlk m nom p5q1r msqt t k m u2v5t m w x src="url, per definire il file o l indirizzo web caricato nel frame x name="text, y z{ 5}{ z~5 ƒ z 5 ŝ } { }ƒ z Š scrolling="yes" "no" œ "auto ŒŽ! # ž -! Ž Œ! Ž Ž! * š*ž! * - 5! 2 Ž*!š*Ž Š noresize= noresize, per ž Ÿ š ŒŽ 1 Ž! - š*ž! 5!!š*Ž! *!Ž!š*Ž! Œ! Ž*!Ž Ž! Ž R S T U V W X Y U Y Z Y [[V \ ] ^_ Y Z V W ` Ya Y S b U Y S c d ^ e ^f Y U _ ^g V S _ ht ^ i S b h U g Y _ ^c Y <frame> (2) Form Š marginwidth="int, per specificare la dimensione in pixel dei margini in larghezza del frame Š marginheight="int per specificare la dimensione ¹!º»2¼!½¾!¼!º2 *À!Á Â-º Ã2º!º Ã*À!½ Ä ¼Å ÅÀ*¾!¼!½ Æ Á À! *¼ Ç frameborder="1 0, per specificare la presenza (1) o assenza (0) di bordo nel frame I form sono dei moduli, inseriti all interno del codice XHTML, per permettere all utente di inserire dati. Sono introdotti dal tag: <form> </form> ªª «± ² ³ µ ± ² È É Ê Ë Ì Í Î Ï Ë Ï Ð Ï ÑÑÌ Ò Ó ÔÕ Ï Ð Ì Í Ö Ï Ï É Ø Ë Ï É Ù Ú Ô Û ÔÜ Ï Ë Õ ÔÝ Ì É Õ ÞÊ Ô ß É Ø Þ Ë Ý Ï Õ ÔÙ Ï <form> Campi di un form Il tag <form> Ç action= URL, per specificare una risorsa a cui inviare i dati Ç method= post get, per indicare il metodo di invio dei dati Ç name= text, per dare un nome logico al form Ç target= name, nome del frame in cui caricare la risorsa o parola chiave I campi di un form sono introdotti dal tag: <input> </input> È É Ê Ë Ì Í Î Ï Ë Ï Ð Ï ÑÑÌ Ò Ó ÔÕ Ï Ð Ì Í Ö Ï Ï É Ø Ë Ï É Ù Ú Ô Û ÔÜ Ï Ë Õ ÔÝ Ì É Õ ÞÊ Ô ß É Ø Þ Ë Ý Ï Õ ÔÙ Ï È É Ê Ë Ì Í Î Ï Ë Ï Ð Ï ÑÑÌ Ò Ó ÔÕ Ï Ð Ì Í Ö Ï Ï É Ø Ë Ï É Ù Ú Ô Û ÔÜ Ï Ë Õ ÔÝ Ì É Õ ÞÊ Ô ß É Ø Þ Ë Ý Ï Õ ÔÙ Ï

14 <input> <textarea> type= text password file submit reset button image checkbox radio hidden, per definire il tipo di campo name= text, per dare un nome logico al campo value= text int, per associare un valore al campo. disabled= disabled, per disabilitare un campo Il tag <textarea> permette di introdurre un campo di testo di grandi dimensioni. rows= int, per definire le righe del campo cols= int, per definire le colonne del campo Menu di selezione <select> E possibile definire menu di selezione tramite il tag <select> </select>. Ogni opzione del menu è racchiusa all interno di un tag <option> </option> size= int, per definire il numero di opzioni visibili. Se l attributo è omesso si crea un menu pop-up. multiple= true false, per permettere la scelta multipla name= text, per associare un nome logico al menu <option> Il tag <option> name= text, per associare un nome logico all opzione value= text int, per associare un valore alla scelta.