04.HTML 5 19 décembre 2023 Développement web il3 HTML5 HE-Arc 2023 DGR Exemples • Vue d’ensemble : slides1 Google 2011 ( sources2 ) – Obslolète : quota, web sql : Web Storage, application cache Bachelor NIFFF 2014 : une webapp mobile pour LACIS • Plein d’exemples – html5 rocks!5 => web.dev6 – Chrome Experiments7 – MDN8 – html5 demos9 – plus de demos ?10 1https://web.archive.org/web/20140320042652/http://slides com/web/ 7https://www.chromeexperiments.com/ 8https://developer.mozilla.org/en-US/demos/tag/tech:html5 9https://html5demos.com/ 10https://letmegooglethat.com/?q=html5+demos 1 • Veille : Frontend Focus11

formulaires, … JavaScript aujourd’hui • Page web = HTML + CSS + JavaScript • Compilation JIT • HTML5, AJAX, bookmarklets • One Page Apps • Implémentations hors-browser – Node.js, Spidermonkey, Rhino attribute is absent, is “text/javascript”. HTML5: script24 23https://stackoverflow.com/questions/1638670/javascript-at-bottom-top-of-web-page 24https://www.w3.org/TR/html5/scripting-1.html#the-script-element

Présentation du cours HE-Arc 2023/24 DGR et YBL Programme • Frameworks MVC : Laravel, Django, … • HTML5 : vue d’ensemble • Javascript : VueJS, Node.js, jQuery, AJAX, JSON, … • Déploiement et configuration Investissement, volume de travail – Bonus (ceux qui vont plus loin) : 0-20% ∗ WebSockets ou autre API HTML5, webservices, … ∗ Contribution, présentation, documentation, … • Tous les membres d’un groupe n’ont

New in version 2.5: The binary type now maps to a file input. New in version 2.3. Since 2.3 the HTML5 required attribute will also be added to the input based on validation rules. You can explicitly set in the Creating form elements, you can also create ‘file’, ‘password’, and any type supported by HTML5: echo $this->Form->input('field', array('type' => 'file')); echo $this->Form->input('email', array('type' value html4-strict HTML4 Strict html4-trans HTML4 Transitional html4-frame HTML4 Frameset html5 HTML5 xhtml-strict XHTML1 Strict xhtml-trans XHTML1 Transitional xhtml-frame XHTML1 Frameset xhtml11

New in version 2.5: The binary type now maps to a file input. New in version 2.3. Since 2.3 the HTML5 required attribute will also be added to the input based on validation rules. You can explicitly set in the Creating form elements, you can also create ‘file’, ‘password’, and any type supported by HTML5: echo $this->Form->input('field', array('type' => 'file')); echo $this->Form->input('email', array('type' value html4-strict HTML4 Strict html4-trans HTML4 Transitional html4-frame HTML4 Frameset html5 HTML5 xhtml-strict XHTML1 Strict xhtml-trans XHTML1 Transitional xhtml-frame XHTML1 Frameset xhtml11

now has a autoSetCustomValidity option for setting HTML5 validity messages from custom validation messages. See: Displaying validation messages in HTML5 validity messages ViewBuilder had setVar(), setVars() autoSetCustomValidity - Set to true to use custom required and notBlank validation messages in the control’s HTML5 validity message. Default is false. Tip Besides the above options you can provide, in the $options dError('gender')) { echo $this->Form->error('gender'); } Displaying validation messages in HTML5 validity messages New in version 3.7.0. If the autoSetCustomValidity FormHelper option is set to

FormProtector. HtmlHelper::docType() method has been removed. HTML4 and XHTML are now defunct and doctype for HTML5 is short to type out directly. The safe option for HtmlHelper::scriptBlock() and HtmlHelper::scriptStart() Validation Validation::dateTime() now accepts values with microseconds. View FormHelper now generates HTML5 validation messages for fields marked as “notEmpty” in an entity’s ORM table class. This feature can toggled with the autoSetCustomValidity class configuration option. FormHelper now generates native HTML5 input tags for datetime fields. Check the Form Helper page for more details. If you need to retain

now has a autoSetCustomValidity option for setting HTML5 validity messages from custom validation messages. See: Displaying validation messages in HTML5 validity messages • ViewBuilder had setVar(), setVars() autoSetCustomValidity - Set to true to use custom required and notBlank validation messages in the con- trol’s HTML5 validity message. Default is false. More About Views 369 CakePHP Cookbook Documentation, Release ($this->Form->isFieldError('gender')) { echo $this->Form->error('gender'); } Displaying validation messages in HTML5 validity messages New in version 3.7.0. If the autoSetCustomValidity FormHelper option is set to

• HtmlHelper::docType() method has been removed. HTML4 and XHTML are now defunct and doctype for HTML5 is short to type out directly. 4.0 Migration Guide 39 CakePHP Cookbook Documentation, Release 4 • Validation::dateTime() now accepts values with microseconds. View • FormHelper now generates HTML5 validation messages for fields marked as “notEmpty” in an entity’s ORM table class. This feature can toggled with the autoSetCustomValidity class configuration option. • FormHelper now generates native HTML5 input tags for datetime fields. Check the Form Helper page for more details. If you need to retain

autoSetCustomValidity - Set to true to use custom required and notBlank validation messages in the control’s HTML5 validity message. Default is true. Tip Besides the above options you can provide, in the $options register for the user, and default for the user’s comments. FormHelper uses validators to generate HTML5 required attributes, relevant ARIA attributes, and set error messages with the browser validator API org/en-US/docs/Learn/HTML/Forms/Form_validation#Customized_error_messages] . If you would like to disable HTML5 validation messages use: $this->Form->setConfig('autoSetCustomValidity', false); This will not disable