Suche senden
Hochladen
HTML5 workshop, forms
âą
6 gefÀllt mir
âą
4,135 views
Robert Nyman
Folgen
Workshop given at Jfokus 2012
Weniger lesen
Mehr lesen
Technologie
Design
Melden
Teilen
Melden
Teilen
1 von 62
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Introduction to Perl
Introduction to Perl
Dave Cross
Â
Webscale PostgreSQL - JSONB and Horizontal Scaling Strategies
Webscale PostgreSQL - JSONB and Horizontal Scaling Strategies
Jonathan Katz
Â
Json in Postgres - the Roadmap
Json in Postgres - the Roadmap
EDB
Â
Inside MongoDB: the Internals of an Open-Source Database
Inside MongoDB: the Internals of an Open-Source Database
Mike Dirolf
Â
PSR czyli dobre praktyki programistyczne
PSR czyli dobre praktyki programistyczne
PHPstokPHPstok
Â
jQuery
jQuery
Mostafa Bayomi
Â
Intrinsic Methods in HotSpot VM
Intrinsic Methods in HotSpot VM
Kris Mok
Â
Storing tree structures with MongoDB
Storing tree structures with MongoDB
Vyacheslav
Â
Empfohlen
Introduction to Perl
Introduction to Perl
Dave Cross
Â
Webscale PostgreSQL - JSONB and Horizontal Scaling Strategies
Webscale PostgreSQL - JSONB and Horizontal Scaling Strategies
Jonathan Katz
Â
Json in Postgres - the Roadmap
Json in Postgres - the Roadmap
EDB
Â
Inside MongoDB: the Internals of an Open-Source Database
Inside MongoDB: the Internals of an Open-Source Database
Mike Dirolf
Â
PSR czyli dobre praktyki programistyczne
PSR czyli dobre praktyki programistyczne
PHPstokPHPstok
Â
jQuery
jQuery
Mostafa Bayomi
Â
Intrinsic Methods in HotSpot VM
Intrinsic Methods in HotSpot VM
Kris Mok
Â
Storing tree structures with MongoDB
Storing tree structures with MongoDB
Vyacheslav
Â
MongoDB San Francisco 2013: Hash-based Sharding in MongoDB 2.4 presented by B...
MongoDB San Francisco 2013: Hash-based Sharding in MongoDB 2.4 presented by B...
MongoDB
Â
[pgday.Seoul 2022] POSTGRES í ì€ížìœëëĄ êž°ìŹíêž° - ìŽëì±
[pgday.Seoul 2022] POSTGRES í ì€ížìœëëĄ êž°ìŹíêž° - ìŽëì±
PgDay.Seoul
Â
How to Design Indexes, Really
How to Design Indexes, Really
Karwin Software Solutions LLC
Â
Django admin site 컀ì€í íìŹ ì ê·čì ìŒëĄ íì©íêž°
Django admin site 컀ì€í íìŹ ì ê·čì ìŒëĄ íì©íêž°
ìì° ë°
Â
Working with JSON Data in PostgreSQL vs. MongoDB
Working with JSON Data in PostgreSQL vs. MongoDB
ScaleGrid.io
Â
Mongo db ì”ëČê·
Mongo db ì”ëČê·
beom kyun choi
Â
Introduction to PHP
Introduction to PHP
Jussi Pohjolainen
Â
PHP Unit 3 functions_in_php_2
PHP Unit 3 functions_in_php_2
Kumar
Â
Mongodb íčì§ ë¶ì
Mongodb íčì§ ë¶ì
Daeyong Shin
Â
CouchDB Vs MongoDB
CouchDB Vs MongoDB
Gabriele Lana
Â
Introduction to jQuery
Introduction to jQuery
manugoel2003
Â
Java Web Programming [5/9] : EL, JSTL and Custom Tags
Java Web Programming [5/9] : EL, JSTL and Custom Tags
IMC Institute
Â
MongoDB
MongoDB
nikhil2807
Â
PE102 - a Windows executable format overview (booklet V1)
PE102 - a Windows executable format overview (booklet V1)
Ange Albertini
Â
Indexing with MongoDB
Indexing with MongoDB
MongoDB
Â
ì€íë§5 ìčíëì€ì í ì€íž ì ë”
ì€íë§5 ìčíëì€ì í ì€íž ì ë”
if kakao
Â
Programação Orientada a Objetos (POO) com PHP - Parte 1
Programação Orientada a Objetos (POO) com PHP - Parte 1
Israel Messias
Â
QnA blog using Django - ORM, íìê°ì , ëĄê·žìž/ëĄê·žìì
QnA blog using Django - ORM, íìê°ì , ëĄê·žìž/ëĄê·žìì
Kwangyoun Jung
Â
Using MongoDB as a high performance graph database
Using MongoDB as a high performance graph database
Chris Clarke
Â
Java script array
Java script array
chauhankapil
Â
HTML5 Forms - KISS time - Fronteers
HTML5 Forms - KISS time - Fronteers
Robert Nyman
Â
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
Robert Nyman
Â
Weitere Àhnliche Inhalte
Was ist angesagt?
MongoDB San Francisco 2013: Hash-based Sharding in MongoDB 2.4 presented by B...
MongoDB San Francisco 2013: Hash-based Sharding in MongoDB 2.4 presented by B...
MongoDB
Â
[pgday.Seoul 2022] POSTGRES í ì€ížìœëëĄ êž°ìŹíêž° - ìŽëì±
[pgday.Seoul 2022] POSTGRES í ì€ížìœëëĄ êž°ìŹíêž° - ìŽëì±
PgDay.Seoul
Â
How to Design Indexes, Really
How to Design Indexes, Really
Karwin Software Solutions LLC
Â
Django admin site 컀ì€í íìŹ ì ê·čì ìŒëĄ íì©íêž°
Django admin site 컀ì€í íìŹ ì ê·čì ìŒëĄ íì©íêž°
ìì° ë°
Â
Working with JSON Data in PostgreSQL vs. MongoDB
Working with JSON Data in PostgreSQL vs. MongoDB
ScaleGrid.io
Â
Mongo db ì”ëČê·
Mongo db ì”ëČê·
beom kyun choi
Â
Introduction to PHP
Introduction to PHP
Jussi Pohjolainen
Â
PHP Unit 3 functions_in_php_2
PHP Unit 3 functions_in_php_2
Kumar
Â
Mongodb íčì§ ë¶ì
Mongodb íčì§ ë¶ì
Daeyong Shin
Â
CouchDB Vs MongoDB
CouchDB Vs MongoDB
Gabriele Lana
Â
Introduction to jQuery
Introduction to jQuery
manugoel2003
Â
Java Web Programming [5/9] : EL, JSTL and Custom Tags
Java Web Programming [5/9] : EL, JSTL and Custom Tags
IMC Institute
Â
MongoDB
MongoDB
nikhil2807
Â
PE102 - a Windows executable format overview (booklet V1)
PE102 - a Windows executable format overview (booklet V1)
Ange Albertini
Â
Indexing with MongoDB
Indexing with MongoDB
MongoDB
Â
ì€íë§5 ìčíëì€ì í ì€íž ì ë”
ì€íë§5 ìčíëì€ì í ì€íž ì ë”
if kakao
Â
Programação Orientada a Objetos (POO) com PHP - Parte 1
Programação Orientada a Objetos (POO) com PHP - Parte 1
Israel Messias
Â
QnA blog using Django - ORM, íìê°ì , ëĄê·žìž/ëĄê·žìì
QnA blog using Django - ORM, íìê°ì , ëĄê·žìž/ëĄê·žìì
Kwangyoun Jung
Â
Using MongoDB as a high performance graph database
Using MongoDB as a high performance graph database
Chris Clarke
Â
Java script array
Java script array
chauhankapil
Â
Was ist angesagt?
(20)
MongoDB San Francisco 2013: Hash-based Sharding in MongoDB 2.4 presented by B...
MongoDB San Francisco 2013: Hash-based Sharding in MongoDB 2.4 presented by B...
Â
[pgday.Seoul 2022] POSTGRES í ì€ížìœëëĄ êž°ìŹíêž° - ìŽëì±
[pgday.Seoul 2022] POSTGRES í ì€ížìœëëĄ êž°ìŹíêž° - ìŽëì±
Â
How to Design Indexes, Really
How to Design Indexes, Really
Â
Django admin site 컀ì€í íìŹ ì ê·čì ìŒëĄ íì©íêž°
Django admin site 컀ì€í íìŹ ì ê·čì ìŒëĄ íì©íêž°
Â
Working with JSON Data in PostgreSQL vs. MongoDB
Working with JSON Data in PostgreSQL vs. MongoDB
Â
Mongo db ì”ëČê·
Mongo db ì”ëČê·
Â
Introduction to PHP
Introduction to PHP
Â
PHP Unit 3 functions_in_php_2
PHP Unit 3 functions_in_php_2
Â
Mongodb íčì§ ë¶ì
Mongodb íčì§ ë¶ì
Â
CouchDB Vs MongoDB
CouchDB Vs MongoDB
Â
Introduction to jQuery
Introduction to jQuery
Â
Java Web Programming [5/9] : EL, JSTL and Custom Tags
Java Web Programming [5/9] : EL, JSTL and Custom Tags
Â
MongoDB
MongoDB
Â
PE102 - a Windows executable format overview (booklet V1)
PE102 - a Windows executable format overview (booklet V1)
Â
Indexing with MongoDB
Indexing with MongoDB
Â
ì€íë§5 ìčíëì€ì í ì€íž ì ë”
ì€íë§5 ìčíëì€ì í ì€íž ì ë”
Â
Programação Orientada a Objetos (POO) com PHP - Parte 1
Programação Orientada a Objetos (POO) com PHP - Parte 1
Â
QnA blog using Django - ORM, íìê°ì , ëĄê·žìž/ëĄê·žìì
QnA blog using Django - ORM, íìê°ì , ëĄê·žìž/ëĄê·žìì
Â
Using MongoDB as a high performance graph database
Using MongoDB as a high performance graph database
Â
Java script array
Java script array
Â
Ăhnlich wie HTML5 workshop, forms
HTML5 Forms - KISS time - Fronteers
HTML5 Forms - KISS time - Fronteers
Robert Nyman
Â
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
Robert Nyman
Â
HTML5 - The 2012 of the Web
HTML5 - The 2012 of the Web
Robert Nyman
Â
HTML5 - The 2012 of the Web - Adobe MAX
HTML5 - The 2012 of the Web - Adobe MAX
Robert Nyman
Â
HTML5 e Css3 - 7 | WebMaster & WebDesigner
HTML5 e Css3 - 7 | WebMaster & WebDesigner
Matteo Magni
Â
HTML5 and CSS3 â exploring mobile possibilities - Frontend Conference ZĂŒrich
HTML5 and CSS3 â exploring mobile possibilities - Frontend Conference ZĂŒrich
Robert Nyman
Â
Action View Form Helpers - 1, Season 2
Action View Form Helpers - 1, Season 2
RORLAB
Â
Loops PHP 04
Loops PHP 04
Spy Seat
Â
Moving to the client - HTML5 is here
Moving to the client - HTML5 is here
Christian Heilmann
Â
Practical PHP by example Jan Leth-Kjaer
Practical PHP by example Jan Leth-Kjaer
COMMON Europe
Â
Html5 forms input types
Html5 forms input types
sinhacp
Â
phptut2
phptut2
tutorialsruby
Â
phptut2
phptut2
tutorialsruby
Â
phptut2
phptut2
tutorialsruby
Â
phptut2
phptut2
tutorialsruby
Â
Zencoding cheatsheet, ayuda Memoria
Zencoding cheatsheet, ayuda Memoria
Ronald Franz Nina Layme
Â
Zen Coding Cheat Sheet
Zen Coding Cheat Sheet
Faysal Shahi
Â
Real-time search in Drupal with Elasticsearch @Moldcamp
Real-time search in Drupal with Elasticsearch @Moldcamp
Alexei Gorobets
Â
HTML5 New and Improved
HTML5 New and Improved
Timothy Fisher
Â
Date difference[1]
Date difference[1]
shafiullas
Â
Ăhnlich wie HTML5 workshop, forms
(20)
HTML5 Forms - KISS time - Fronteers
HTML5 Forms - KISS time - Fronteers
Â
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
Â
HTML5 - The 2012 of the Web
HTML5 - The 2012 of the Web
Â
HTML5 - The 2012 of the Web - Adobe MAX
HTML5 - The 2012 of the Web - Adobe MAX
Â
HTML5 e Css3 - 7 | WebMaster & WebDesigner
HTML5 e Css3 - 7 | WebMaster & WebDesigner
Â
HTML5 and CSS3 â exploring mobile possibilities - Frontend Conference ZĂŒrich
HTML5 and CSS3 â exploring mobile possibilities - Frontend Conference ZĂŒrich
Â
Action View Form Helpers - 1, Season 2
Action View Form Helpers - 1, Season 2
Â
Loops PHP 04
Loops PHP 04
Â
Moving to the client - HTML5 is here
Moving to the client - HTML5 is here
Â
Practical PHP by example Jan Leth-Kjaer
Practical PHP by example Jan Leth-Kjaer
Â
Html5 forms input types
Html5 forms input types
Â
phptut2
phptut2
Â
phptut2
phptut2
Â
phptut2
phptut2
Â
phptut2
phptut2
Â
Zencoding cheatsheet, ayuda Memoria
Zencoding cheatsheet, ayuda Memoria
Â
Zen Coding Cheat Sheet
Zen Coding Cheat Sheet
Â
Real-time search in Drupal with Elasticsearch @Moldcamp
Real-time search in Drupal with Elasticsearch @Moldcamp
Â
HTML5 New and Improved
HTML5 New and Improved
Â
Date difference[1]
Date difference[1]
Â
Mehr von Robert Nyman
Have you tried listening?
Have you tried listening?
Robert Nyman
Â
Building for Your Next Billion - Google I/O 2017
Building for Your Next Billion - Google I/O 2017
Robert Nyman
Â
Introduction to Google Daydream
Introduction to Google Daydream
Robert Nyman
Â
Predictability for the Web
Predictability for the Web
Robert Nyman
Â
The Future of Progressive Web Apps - View Source conference, Berlin 2016
The Future of Progressive Web Apps - View Source conference, Berlin 2016
Robert Nyman
Â
The Future of the Web - Cold Front conference 2016
The Future of the Web - Cold Front conference 2016
Robert Nyman
Â
The Future of Progressive Web Apps - Google for Indonesia
The Future of Progressive Web Apps - Google for Indonesia
Robert Nyman
Â
Google tech & products
Google tech & products
Robert Nyman
Â
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Robert Nyman
Â
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
Robert Nyman
Â
The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...
Robert Nyman
Â
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
Robert Nyman
Â
The web - What it has, what it lacks and where it must go - Istanbul
The web - What it has, what it lacks and where it must go - Istanbul
Robert Nyman
Â
The web - What it has, what it lacks and where it must go
The web - What it has, what it lacks and where it must go
Robert Nyman
Â
Google, the future and possibilities
Google, the future and possibilities
Robert Nyman
Â
Developer Relations in the Nordics
Developer Relations in the Nordics
Robert Nyman
Â
What is Developer Relations?
What is Developer Relations?
Robert Nyman
Â
Android TV Introduction - Stockholm Android TV meetup
Android TV Introduction - Stockholm Android TV meetup
Robert Nyman
Â
New improvements for web developers - frontend.fi, Helsinki
New improvements for web developers - frontend.fi, Helsinki
Robert Nyman
Â
Mobile phone trends, user data & developer climate - frontend.fi, Helsinki
Mobile phone trends, user data & developer climate - frontend.fi, Helsinki
Robert Nyman
Â
Mehr von Robert Nyman
(20)
Have you tried listening?
Have you tried listening?
Â
Building for Your Next Billion - Google I/O 2017
Building for Your Next Billion - Google I/O 2017
Â
Introduction to Google Daydream
Introduction to Google Daydream
Â
Predictability for the Web
Predictability for the Web
Â
The Future of Progressive Web Apps - View Source conference, Berlin 2016
The Future of Progressive Web Apps - View Source conference, Berlin 2016
Â
The Future of the Web - Cold Front conference 2016
The Future of the Web - Cold Front conference 2016
Â
The Future of Progressive Web Apps - Google for Indonesia
The Future of Progressive Web Apps - Google for Indonesia
Â
Google tech & products
Google tech & products
Â
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Â
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
Progressive Web Apps keynote, Google Developer Summit, Tokyo, Japan
Â
The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...
Â
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
Â
The web - What it has, what it lacks and where it must go - Istanbul
The web - What it has, what it lacks and where it must go - Istanbul
Â
The web - What it has, what it lacks and where it must go
The web - What it has, what it lacks and where it must go
Â
Google, the future and possibilities
Google, the future and possibilities
Â
Developer Relations in the Nordics
Developer Relations in the Nordics
Â
What is Developer Relations?
What is Developer Relations?
Â
Android TV Introduction - Stockholm Android TV meetup
Android TV Introduction - Stockholm Android TV meetup
Â
New improvements for web developers - frontend.fi, Helsinki
New improvements for web developers - frontend.fi, Helsinki
Â
Mobile phone trends, user data & developer climate - frontend.fi, Helsinki
Mobile phone trends, user data & developer climate - frontend.fi, Helsinki
Â
KĂŒrzlich hochgeladen
Mcleodganj Call Girls đ„° 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls đ„° 8617370543 Service Offer VIP Hot Model
Deepika Singh
Â
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
Christopher Logan Kennedy
Â
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2
Â
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
apidays
Â
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
Â
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
Remote DBA Services
Â
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Jeffrey Haguewood
Â
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Sandro Moreira
Â
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Â
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
WSO2
Â
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Juan lago vĂĄzquez
Â
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Â
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
Â
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
Zilliz
Â
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
apidays
Â
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc
Â
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
Â
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Zilliz
Â
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Zilliz
Â
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Zilliz
Â
KĂŒrzlich hochgeladen
(20)
Mcleodganj Call Girls đ„° 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls đ„° 8617370543 Service Offer VIP Hot Model
Â
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
Â
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
Â
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Â
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
Â
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
Â
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Â
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Â
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Â
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
Â
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Â
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Â
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
Â
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
Â
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Â
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
Â
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Â
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Â
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Â
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Â
HTML5 workshop, forms
1.
HTML5 Forms -
KISS time
2.
Forms
3.
Thou shalt make
things simple
4.
5.
6.
7.
Types
8.
New form types <input
type="color"> <input type="range"> <input type="date"> <input type="search" results="5" <input type="datetime"> autosave="saved-searches"> <input type="datetime-local"> <input type="tel"> <input type="email"> <input type="time"> <input type="month"> <input type="url"> <input type="number"> <input type="week">
9.
10.
11.
Attributes
12.
New form attributes <input
type="text" autocomplete="off"> <input type="text" autofocus> <input type="submit" formaction="http://example.org/save" value="Save"> <input type="submit" formenctype="application/x-www-form-urlencoded" value="Save with enctype"> <input type="submit" formmethod="POST" value="Send as POST"> <input type="submit" formnovalidate value="Don't validate"> <input type="submit" formtarget="_blank" value="Post to new tab/window">
13.
<input type="text" list="data-list"> <input
type="range" max="95"> <input type="range" min="2"> <input type="file" multiple> <input type="text" readonly> <input type="text" required> <input type="text" pattern="[A-Z]*"> <input type="text" placeholder="E.g. Robocop"> <input type="text" spellcheck="true"> <input type="number" step="5">
14.
<input type="text" mozactionhint="Next">
15.
Elements
16.
New form elements <input
type="text" list="data-list"> <datalist id="data-list"> <option value="Hugo Reyes"> <option value="Jack Shephard"> <option value="James 'Sawyer' Ford"> <option value="John Locke"> <option value="Sayid Jarrah"> </datalist>
17.
<keygen></keygen> <meter min="0" max="10"
value="7"></meter> <input type="range" id="range"> <output for="range" id="output"></output> <progress max="100" value="70">70%</progress>
18.
<input type="range" id="da-range"> <output
id="da-range-output"></output> <script> (function () { var range = document.getElementById("da-range"), output = document.getElementById("da-range-output"); range.addEventListener("input", function () { output.value = this.value; }, false); })(); </script>
19.
Validation
20.
<input type="text" required>
21.
22.
Only spaces are
regarded as input :-(
23.
<input type="text" required style="visibility:
hidden">
24.
No dialog, won't
submit form Dialog at element No dialog, won't submit form Dialog at top left of screen (not browser)
25.
<input type="email" required>
26.
27.
No support for
international characters, i.e. röja@kissonline.com won't work
28.
<input type="text" pattern="d{2}-d{5}">
29.
30.
Empty ïŹelds are
seen as valid
31.
<input type="text" title="So
you tried to skip me?" required>
32.
33.
<input type="text" pattern="d{2}-d{5}" x-moz-errormessage="PLEASE,
just do it right!">
34.
35.
elm.setCustomValidity("No, that's wrong!");
36.
37.
Remove custom validation
message by setting it to an empty string...
38.
elm.setCustomValidity("");
39.
Using setCustomValidity totally kills
the checkValidity method
40.
41.
42.
(function () {
var oninvalidTest = document.getElementById("oninvalid-test"); oninvalidTest.addEventListener("input", function () { this.setCustomValidity(""); }, false); oninvalidTest.addEventListener("invalid", function () { this.setCustomValidity("No, that's wrong!"); }, false); })();
43.
Styling
44.
input:required {
border: 1px solid #00f; }
45.
46.
input:valid {
border: 1px solid #0f0; } input:invalid { border: 1px solid #f00; } input:out-of-range { border: 1px solid #f00; }
47.
48.
49.
input:focus:invalid {
border: 1px solid #f00; }
50.
input:-moz-ui-valid {
border: 1px solid #0f0; } input:-moz-ui-invalid { border: 1px solid #f00; }
51.
input:-moz-placeholder {
color: #f00; background: yellow; } input::-webkit-input-placeholder { color: #f00; background: yellow; }
52.
53.
Works in Safari,
but only with the text color, not the background
54.
input::-webkit-validation-bubble-message {
color: #f00; background: #000; border: 10px solid #f00; -webkit-box-shadow: 0 0 0 0; } input::-webkit-validation-bubble-arrow { background: #ff3456; border-color: orange; -webkit-box-shadow: 0 0 0 0; }
55.
56.
57.
58.
http://www.quirksmode.org/
html5/inputs.html http://www.quirksmode.org/ html5/inputs_mobile.html http://wufoo.com/html5/
59.
60.
61.
62.
Robert Nyman robertnyman.com/speaking/ robnyman@mozilla.com robertnyman.com/html5/
Twitter: @robertnyman robertnyman.com/css3/
Jetzt herunterladen