IT:AD:html:5
Essentials
* Don't forget <!DOCTYPE HTML>
HTML 5
HTML Layout Tags
HTML Future
HTML 5 Input Tags
One thing that gets a lot of interest is form input fields.
- I think we are still a long way off from being able to use them everyday.
- Main attributes to know about are:
- @pattern = ..
- @required = “required”
- @placeholder =“ Enter some text…”
- @autofocus = “autofocus”
- @autocomplete=“on|off” (based on prev inputs…not server data)
- @type:
- button
- color
- date
- datetime
- datetime-local
- email
- file
- month
- number
- password
- range
- search
- tel
- time
- url
- week
## Implementation ##
- As it's not universally implemented, consider two approaches:
- webforms2 and html5Widgets sounds complete, but hate look, hence…
Example of using :
`<script type="text/javascript" src="/path/to/archive/js/weston.ruter.net/webforms2/webforms2_src.js">
</script>`
`<!-- using @pattern @required @placeholder @autofocus
<input type="text" name="zipCode" value=""
pattern="\d{5}([\-]\d{4})?" required="required" placeholder="Enter something..." autofocus="autofocus" />`