A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam.

To request an account, ask an autoconfirmed user on Chat (such as one of these permanent autoconfirmed members).

User:Matthew Raymond/dataentry element: Difference between revisions

From WHATWG Wiki
Jump to navigation Jump to search
mNo edit summary
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[http://www.freewebtown.com/boogiejames/topic/mercato-persiano.htm mercato persiano] [http://boreldar.t35.com/text/directory/brother-dcp.htm brother dcp 8040] [http://grahrens.125mb.com/view/new/notebook-memoria/ notebook memoria ram] [http://selemku.t35.com/text/directory/amd-athlon.htm amd athlon x2] [http://greensticky.freehostia.com/library/html/chabrol-box/ chabrol. box set] [http://failtoexpress.freehostia.com/html/mouse-cordless.htm mouse cordless logitech mx1000 con laser] [http://www.freewebtown.com/starbriteyellow/resources/articles/playstation-cavo.htm playstation cavo s video] [http://saline-joy.freehostia.com/web/la-principessa.htm la principessa zaffiro] [http://mcwardlo.t35.com/library/html/modem-driver/ modem driver panasonicgd87] [http://zoelverd.freeweb7.com/description/lib/gianni-tatoo/ gianni tatoo livorno] [http://beshennayabelka.freehostia.com/content/view/kad-udavala.htm kad udavala] [http://failtoexpress.freehostia.com/html/hekou.htm hekou] [http://beshennayabelka.freehostia.com/content/view/mastar-mind.htm mastar mind] [http://beshennayabelka.freehostia.com/content/view/www-ascanio.htm www ascanio foto it] [http://flheddin.125mb.com/content/view/el-tinku.htm el tinku] [http://getraylo.freeweb7.com/img/styles/grand-hotel.htm grand hotel assisi] [http://grahrens.125mb.com/view/new/carta-termica/ carta termica fax] [http://oedi.freehostia.com/text/directory/jej-piekne/ jej piekne czarne oczy] [http://gawelzba.t35.com/library/html/o-girassol.htm o girassol ira] [http://wainfan.t35.com/view/new/massa-martana.htm massa martana] [http://scaleslea.freewebpage.org/text/directory/foto-di/ foto di tifo organizzato] [http://scaleslea.freewebpage.org/text/directory/nokia-con/ nokia con fotocamera integrata] [http://flheddin.125mb.com/content/view/georges-corraface.htm georges corraface] [http://oedi.freehostia.com/text/directory/jag-midi/ jag midi] [http://grahrens.125mb.com/view/new/notebook-hp/ notebook hp amd athlon 64] [http://www.freewebtown.com/prncessprncipe/library/html/la-luce.htm la luce verde] [http://saline-joy.freehostia.com/web/screensaver-animali.htm screensaver animali] [http://licohwar.homeblock.com/library/html/la-fayette/ la fayette o lafayette, madam...] [http://boreldar.t35.com/text/directory/tv-plasma.htm tv plasma alta definizione] [http://beshennayabelka.freehostia.com/content/view/www-folha.htm www folha com] [http://failtoexpress.freehostia.com/html/lavoro-come.htm lavoro come baby sitter estate 2004 fire] [http://huruple.125mb.com/text/directory/comel/ comel] [http://mcwardlo.t35.com/library/html/chicks/ chicks] [http://lorcaxon.homeblock.com/data/icona-gratis/ icona gratis] [http://scaleslea.freewebpage.org/text/directory/nvidia-geforce/ nvidia geforce 4000] [http://zoelverd.freeweb7.com/description/lib/profeti/ profeti] [http://flheddin.125mb.com/content/view/scheda-madre.htm scheda madre per intel pentium 3] [http://benevolently.freehostia.com/content/view/convertitore-wma/ convertitore wma mp3 wav] [http://saline-joy.freehostia.com/web/webdesign.htm webdesign] [http://failtoexpress.freehostia.com/html/noe.htm noe] [http://saline-joy.freehostia.com/web/sarah-ferguson.htm sarah ferguson nuda] [http://greensticky.freehostia.com/library/html/gruppi-continuita/ gruppi continuita 1500 va] [http://flheddin.125mb.com/content/view/obiettivi-canon.htm obiettivi canon usm] [http://getm0ney.freewebpage.org/lib/sony-non/ sony non ha bisogno di un taglio ai prezzi] [http://oedi.freehostia.com/text/directory/traduttore-simultanei/ traduttore simultanei on line] [http://licohwar.homeblock.com/library/html/sbs-premium/ sbs premium] [http://www.freewebtown.com/boogiejames/topic/code-sky.htm code sky 11 2004] [http://lorcaxon.homeblock.com/data/sms-gratis/ sms gratis] [http://kopapguw.homeblock.com/topic/camera-salerno/ camera salerno] [http://www.freewebtown.com/starbriteyellow/resources/articles/pecore-nere.htm pecore nere] [http://licohwar.homeblock.com/library/html/grenn/ grenn] [http://greensticky.freehostia.com/library/html/hard-disk/ hard disk esterno 80 gb usb 2 0] [http://getm0ney.freewebpage.org/lib/lg-lcd/ lg lcd dvd] [http://benevolently.freehostia.com/content/view/visura-protesto/ visura protesto] [http://huruple.125mb.com/text/directory/lcd-klvsa/ lcd klv-s32a10 hdmi] [http://coarmago.t35.com/content/view/lettori-cd/ lettori cd radio] [http://saline-joy.freehostia.com/web/sur-coreano.htm sur coreano decapitado] [http://zoelverd.freeweb7.com/description/lib/www-evenimentulzilei/ www evenimentulzilei ro] [http://www.freewebtown.com/boogiejames/topic/simon-webbe.htm simon webbe dei blue] [http://benevolently.freehostia.com/content/view/lady-d/ lady d] [http://mcwardlo.t35.com/library/html/toyota-pd/ toyota pd] [http://mauballe.125mb.com/web/gatto-diffusion/ gatto diffusion srl] [http://failtoexpress.freehostia.com/html/zerbato.htm zerbato] [http://saline-joy.freehostia.com/web/de-rosa.htm de rosa salvatore] [http://greensticky.freehostia.com/library/html/cerco-amici/ cerco amici vip] [http://selemku.t35.com/text/directory/il-caso.htm il caso maurizius] [http://scaleslea.freewebpage.org/text/directory/mss-v/ mss v 3 7] [http://scaleslea.freewebpage.org/text/directory/nu-je/ nu je da retta roma] [http://beshennayabelka.freehostia.com/content/view/forni-a.htm forni a microonde da incasso] [http://www.freewebtown.com/prncessprncipe/library/html/here-comes.htm here comes the hot stepper] [http://licohwar.homeblock.com/library/html/back-up/ back up server] [http://www.freewebtown.com/prncessprncipe/library/html/nuova-x.htm nuova 4x4 diesel auto nuove] [http://zoelverd.freeweb7.com/description/lib/rsmmc-kingston/ rs-mmc kingston 512 dual] [http://www.freewebtown.com/starbriteyellow/resources/articles/world-on.htm world on fire mclachlan] [http://getm0ney.freewebpage.org/lib/carlo-furno/ carlo furno] [http://greensticky.freehostia.com/library/html/i-get/ i get knocked down] [http://www.freewebtown.com/boogiejames/topic/casse-.htm casse 2 1 trust] [http://benevolently.freehostia.com/content/view/grande-fratello/ grande fratello roma] [http://www.freewebtown.com/boogiejames/topic/cell-block.htm cell block tango] [http://mcwardlo.t35.com/library/html/volkswagen-golf/ volkswagen golf gti] [http://saline-joy.freehostia.com/web/thelion-sleeps.htm thelion sleeps tonight] [http://kopapguw.homeblock.com/topic/isla-para/ isla para dos] [http://www.freewebtown.com/starbriteyellow/resources/articles/staco-franco.htm staco franco] [http://flheddin.125mb.com/content/view/microsoft-windows.htm microsoft windows media encoder] [http://beshennayabelka.freehostia.com/content/view/oyem.htm oyem] [http://boreldar.t35.com/text/directory/www-ozzy.htm www ozzy] [http://mauballe.125mb.com/web/que-comer/ que comer en dieta blanda] [http://saline-joy.freehostia.com/web/il-diritto.htm il diritto di famiglia] [http://failtoexpress.freehostia.com/html/crazi-in.htm crazi in the love] [http://oedi.freehostia.com/text/directory/norah-jones/ norah jones midi] [http://lorcaxon.homeblock.com/data/sinonimo/ sinonimo] [http://huruple.125mb.com/text/directory/chicken-/ chicken  invaders] [http://gawelzba.t35.com/library/html/album-creator.htm album creator pro] [http://www.freewebtown.com/starbriteyellow/resources/articles/elaborazioni-estetiche.htm elaborazioni estetiche] [http://flheddin.125mb.com/content/view/halleluia.htm halleluia] [http://grahrens.125mb.com/view/new/hifi-philips/ hi-fi philips] [http://coarmago.t35.com/content/view/bergamo-singoli/ bergamo singoli] [http://www.freewebtown.com/prncessprncipe/library/html/toshiba.htm toshiba 32] [http://www.freewebtown.com/boogiejames/topic/esecuzione-baldoni.htm esecuzione baldoni] [http://selemku.t35.com/text/directory/albergo-tre.htm albergo tre stella rimini] [http://licohwar.homeblock.com/library/html/eternita/ eternita] [http://oedi.freehostia.com/text/directory/o-christmas/ o christmas tree] [http://scaleslea.freewebpage.org/text/directory/hitachi-gb/ hitachi 2gb microdrive] [http://getraylo.freeweb7.com/img/styles/joana-prado.htm joana prado] [http://grahrens.125mb.com/view/new/tappo-yashica/ tappo yashica] [http://mauballe.125mb.com/web/bigger-disk/ bigger disk 1 tb] [http://oedi.freehostia.com/text/directory/stampanti-epson/ stampanti epson picture mate] [http://saline-joy.freehostia.com/web/hd-maxtor.htm hd maxtor 80gb] [http://failtoexpress.freehostia.com/html/la-giocoleria.htm la giocoleria] [http://getm0ney.freewebpage.org/lib/italian-hostage/ italian hostage] [http://lorcaxon.homeblock.com/data/technisat-skystar/ technisat skystar 2] [http://licohwar.homeblock.com/library/html/chat-siracusa/ chat siracusa] [http://oedi.freehostia.com/text/directory/dj-andy/ dj andy garcia] [http://kopapguw.homeblock.com/topic/non-crollo/ non crollo] [http://benevolently.freehostia.com/content/view/temi-d/ temi d italiano] [http://coarmago.t35.com/content/view/ninna-nanna/ ninna nanna cavallino] [http://saline-joy.freehostia.com/web/adsl-modem.htm adsl2 modem with usb ethernet] [http://mcwardlo.t35.com/library/html/olympus-mju/ olympus mju mini digital] [http://www.freewebtown.com/starbriteyellow/resources/articles/villaggio-vacanza.htm villaggio vacanza francia] [http://zoelverd.freeweb7.com/description/lib/grecia-last/ grecia last minute voli] [http://gawelzba.t35.com/library/html/toccami.htm toccami] [http://www.freewebtown.com/starbriteyellow/resources/articles/garmin-italia.htm garmin italia] [http://greensticky.freehostia.com/library/html/gumbao/ gumbao] [http://www.freewebtown.com/prncessprncipe/library/html/usb-cuffia.htm usb cuffia] [http://lorcaxon.homeblock.com/data/bee/ bee] [http://kopapguw.homeblock.com/topic/duked/ duke3d] [http://www.freewebtown.com/boogiejames/topic/telefonini-sonyericsson.htm telefonini sonyericsson k300i] [http://www.freewebtown.com/starbriteyellow/resources/articles/maledom.htm maledom] [http://licohwar.homeblock.com/library/html/loredana-bert/ loredana bert] [http://getraylo.freeweb7.com/img/styles/vestire-le.htm vestire le bambole] [http://zoelverd.freeweb7.com/description/lib/legge-n/ legge n 388 del 2000] [http://mcwardlo.t35.com/library/html/masterizzatore-dvd/ masterizzatore dvd pc] [http://lorcaxon.homeblock.com/data/jeffbuckley/ jeffbuckley] [http://huruple.125mb.com/text/directory/donna-sexi/ donna sexi] [http://selemku.t35.com/text/directory/registratori-vocali.htm registratori vocali olimpus] [http://huruple.125mb.com/text/directory/bmx-trial/ bmx trial] [http://coarmago.t35.com/content/view/chocolate/ chocolate] [http://mauballe.125mb.com/web/la-tomate/ la tomate midi] [http://www.freewebtown.com/starbriteyellow/resources/articles/change-opening.htm change opening page] [http://boreldar.t35.com/text/directory/dacor-eagle.htm dacor eagle] [http://www.freewebtown.com/starbriteyellow/resources/articles/pelli-impure.htm pelli impure] [http://getraylo.freeweb7.com/img/styles/una-settimana.htm una settimana di vacanza] [http://coarmago.t35.com/content/view/qtek-palmari/ qtek2020 palmari] [http://getm0ney.freewebpage.org/lib/debiec-kto/ debiec kto] [http://flheddin.125mb.com/content/view/voglio-vedere.htm voglio vedere delle tette] [http://lorcaxon.homeblock.com/data/ilsoftware-it/ ilsoftware it] [http://lorcaxon.homeblock.com/data/clasroom/ clasroom] [http://www.freewebtown.com/prncessprncipe/library/html/portatile-sony.htm portatile sony vaio] [http://lorcaxon.homeblock.com/data/venezia-berlino/ venezia berlino] [http://www.freewebtown.com/starbriteyellow/resources/articles/yamaha-ystsw.htm yamaha yst-sw800] [http://zoelverd.freeweb7.com/description/lib/federgolf/ federgolf] [http://www.freewebtown.com/prncessprncipe/library/html/sedie-legno.htm sedie legno] [http://oedi.freehostia.com/text/directory/lei-anni/ lei 18anni] [http://failtoexpress.freehostia.com/html/hot-hits.htm hot hits cd musicali] [http://selemku.t35.com/text/directory/kappa.htm kappa] [http://wainfan.t35.com/view/new/radio-fm.htm radio fm palmare] [http://mauballe.125mb.com/web/cadillac-e/ cadillac e dinosaurs] [http://zoelverd.freeweb7.com/description/lib/ha-kieu/ ha kieu a] [http://coarmago.t35.com/content/view/audio-professionale/ audio professionale] [http://mcwardlo.t35.com/library/html/pactum/ pactum] [http://selemku.t35.com/text/directory/jay-and.htm jay and silent bob - fermate hollywood] [http://beshennayabelka.freehostia.com/content/view/guerra.htm guerra 1900] [http://kopapguw.homeblock.com/topic/ingrosso-piastrelle/ ingrosso piastrelle] [http://oedi.freehostia.com/text/directory/verona-calcio/ verona calcio] [http://beshennayabelka.freehostia.com/content/view/organizzazione-politico.htm organizzazione politico amministrativa d] [http://licohwar.homeblock.com/library/html/avtl/ avtl 109] [http://gawelzba.t35.com/library/html/giochi-da.htm giochi da sparo] [http://gawelzba.t35.com/library/html/la-moglie.htm la moglie ideale] [http://scaleslea.freewebpage.org/text/directory/immagini-per/ immagini per cellulari] [http://huruple.125mb.com/text/directory/un-delitto/ un delitto poco comune] [http://lorcaxon.homeblock.com/data/bomba-atomica/ bomba atomica su hiroshima] [http://greensticky.freehostia.com/library/html/frecce-animate/ frecce animate] [http://scaleslea.freewebpage.org/text/directory/justin-timberlake/ justin timberlake] [http://mauballe.125mb.com/web/altoparlanti-jbl/ altoparlanti jbl] [http://boreldar.t35.com/text/directory/o-zone.htm o zone dragostea din tei aligator remix] [http://www.freewebtown.com/starbriteyellow/resources/articles/belstaff-giubbotti.htm belstaff giubbotti donna abbigliamento] [http://flheddin.125mb.com/content/view/vanoni.htm vanoni] [http://zoelverd.freeweb7.com/description/lib/top-sensation/ top sensation] [http://lorcaxon.homeblock.com/data/long-xuyen/ long xuyen] [http://failtoexpress.freehostia.com/html/ti-racconto.htm ti racconto una grande gioia] [http://greensticky.freehostia.com/library/html/pensiero-di/ pensiero di tommaso d aquino] [http://coarmago.t35.com/content/view/la-crema/ la crema] [http://mcwardlo.t35.com/library/html/navigatori-gps/ navigatori gps palmari] [http://failtoexpress.freehostia.com/html/divx-avi.htm divx avi mpeg4] [http://licohwar.homeblock.com/library/html/allenarsi-meglio/ allenarsi meglio con il] [http://mauballe.125mb.com/web/el-alamein/ el alamein la linea del fuoco] [http://huruple.125mb.com/text/directory/holux-gps/ holux gps] [http://grahrens.125mb.com/view/new/olio-di/ olio di bergamotto] [http://mcwardlo.t35.com/library/html/quiz-patente/ quiz patente] [http://huruple.125mb.com/text/directory/poesie-di/ poesie di emilio praga] [http://flheddin.125mb.com/content/view/le-pronome.htm le (pronome personale)] [http://greensticky.freehostia.com/library/html/biberon-fisiologico/ biberon fisiologico] [http://boreldar.t35.com/text/directory/gta-sandreas.htm gta s.andreas] [http://grahrens.125mb.com/view/new/carabinieri-capitano/ carabinieri capitano ultimo] [http://coarmago.t35.com/content/view/obiettivi-nikkor/ obiettivi nikkor 50] [http://kopapguw.homeblock.com/topic/guarayo/ guarayo] [http://licohwar.homeblock.com/library/html/punti-patente/ punti patente numero verde] [http://www.freewebtown.com/prncessprncipe/library/html/la-bestia.htm la bestia umana] [http://benevolently.freehostia.com/content/view/toner-oki/ toner oki] [http://beshennayabelka.freehostia.com/content/view/www-scuola.htm www scuola elementare di sirmione it] The
The <dataentry> element is just like <input>, with three exceptions:
 
* It doesn't have the depreciated attributes.
* It has no |alt| attribute, but instead contains alternative contents as child nodes for legacy support.
* It requires a closing tag ("</dataentry>").
* It must contain at least one form control. If </dataentry> has a defined |name| attribute, then it must contain at least one form control with a defined |name| attribute.
 
==Examples==
 
Here's a simple example for the three <select> scenario:
 
<dataentry type="date" id="d1" name="d1" value="2005-02-09">
  <select name="d1_day"><!-- Options --></select> /
  <select name="d1_month"><!-- Options --></select> /
  <select name="d1_year"><!-- Options --></select>
</dataentry>
 
Here's an example for users of jscalendar:
 
<dataentry type="date" id="sel1_WF2" name="date1">
  <input type="text" id="sel1" name="date1" size="30">
  <input type="reset" value=" ... " onclick="return showCalendar('sel1', '%Y-%m-%d');">
  YYYY-MM-DD
</dataentry>
 
==Pros==
 
# The <dataentry> element can allow for a far greater range of legacy fallback than <input>.
# Because the |type| is defined in an attribute, <dataentry> can be used for input types in later specifications, or for vendor-specific input types.
# The element is designed in both semantics and structure to encourages the use of <input> in simple cases where legacy fallback needs are minimal.
# The element is designed only to prevent the presentation of its child elements. It does not require user agents to delete contents from the DOM or suppress Javascript execution.
# Because it has the same attributes as <input>, there's nothing new to learn except the inclusion of fallback content.
 
==Cons==
 
# The size of a form's elements collection in Javascript may differ between user agents.
# There may be legacy Javascript issues that cause script failure when generating unrecognized elements.
# When creating an <dataentry> element, you should be able to test for the correct element type by checking to see if it has a .type property, but I can't be 100% certain.
# Some unneeded Javascript overhead on WF2 clients.
# CSS styling for <dataentry> can't be done directly because user agents that support unrecognized elements may use the styling instead of ignoring the <dataentry> as intended.
 
==Solutions For Cons==
 
# A simple method could be added to the DOM that would set whether a form control is include in the .elements collection. A function could then be run when the page loads to hide the <dataentry> elements from the collection.
# This is a general issue affecting all new elements we introduce.
# May not be an issue, but I'd like to hear from an expert.
# Ian seems to feel this is a non-issue, so I won't argue with him.
# I'm considering a pseudo-class (":controltype()" or ":dom(attr, val)"?) that should allow a web author to style <dataentry type="controltype"> when the control type is supported. I'm still working on this concept, though, and I'm wondering if a more general and more powerful pseudo-class can't be developed.
__NOTOC__

Latest revision as of 17:39, 7 March 2014

The <dataentry> element is just like <input>, with three exceptions:

  • It doesn't have the depreciated attributes.
  • It has no |alt| attribute, but instead contains alternative contents as child nodes for legacy support.
  • It requires a closing tag ("</dataentry>").
  • It must contain at least one form control. If </dataentry> has a defined |name| attribute, then it must contain at least one form control with a defined |name| attribute.

Examples

Here's a simple example for the three <select> scenario:

<dataentry type="date" id="d1" name="d1" value="2005-02-09">
 <select name="d1_day"><!-- Options --></select> /
 <select name="d1_month"><!-- Options --></select> /
 <select name="d1_year"><!-- Options --></select>
</dataentry>

Here's an example for users of jscalendar:

<dataentry type="date" id="sel1_WF2" name="date1">
 <input type="text" id="sel1" name="date1" size="30">
 <input type="reset" value=" ... " onclick="return showCalendar('sel1', '%Y-%m-%d');">
 YYYY-MM-DD
</dataentry>

Pros

  1. The <dataentry> element can allow for a far greater range of legacy fallback than <input>.
  2. Because the |type| is defined in an attribute, <dataentry> can be used for input types in later specifications, or for vendor-specific input types.
  3. The element is designed in both semantics and structure to encourages the use of <input> in simple cases where legacy fallback needs are minimal.
  4. The element is designed only to prevent the presentation of its child elements. It does not require user agents to delete contents from the DOM or suppress Javascript execution.
  5. Because it has the same attributes as <input>, there's nothing new to learn except the inclusion of fallback content.

Cons

  1. The size of a form's elements collection in Javascript may differ between user agents.
  2. There may be legacy Javascript issues that cause script failure when generating unrecognized elements.
  3. When creating an <dataentry> element, you should be able to test for the correct element type by checking to see if it has a .type property, but I can't be 100% certain.
  4. Some unneeded Javascript overhead on WF2 clients.
  5. CSS styling for <dataentry> can't be done directly because user agents that support unrecognized elements may use the styling instead of ignoring the <dataentry> as intended.

Solutions For Cons

  1. A simple method could be added to the DOM that would set whether a form control is include in the .elements collection. A function could then be run when the page loads to hide the <dataentry> elements from the collection.
  2. This is a general issue affecting all new elements we introduce.
  3. May not be an issue, but I'd like to hear from an expert.
  4. Ian seems to feel this is a non-issue, so I won't argue with him.
  5. I'm considering a pseudo-class (":controltype()" or ":dom(attr, val)"?) that should allow a web author to style <dataentry type="controltype"> when the control type is supported. I'm still working on this concept, though, and I'm wondering if a more general and more powerful pseudo-class can't be developed.