HTML

From Gui

(Difference between revisions)
(Added slideshare link)
(xmStP3 Thanks a lot for the blog article.Really thank you! Really Great.)
 
(5 intermediate revisions not shown)
Line 1: Line 1:
-
== Widgets ==
+
xmStP3 Thanks a lot for the blog article.Really thank you! Really Great.
-
* <form> [[Widget/Frame]]
+
-
** <label> [[Widget/Label]]
+
-
** <fieldset> [[Widget/Frame]]
+
-
*** legend (not really a widget, an obvious property of <fieldset>)
+
-
** <input> (not a widget itself, but has the following types)
+
-
*** hidden
+
-
*** text [[Widget/Textarea]]
+
-
*** password [[Widget/Textarea]]
+
-
*** file
+
-
*** submit [[Widget/Button]]
+
-
*** reset [[Widget/Button]]
+
-
*** image [[Widget/Button]]
+
-
*** checkbox [[Widget/Checkbox]]
+
-
*** radio [[Widget/Checkbox]]
+
-
*** button [[Widget/Button]]
+
-
** <button> [[Widget/Button]]
+
-
** <textarea> [[Widget/Textarea]]
+
-
** <select> [[Widget/Listbox]]
+
-
*** <optgroup> (not really a widget, just defines semantics in <select>)
+
-
**** <option> (not really a widget, just defines semantics in <select>)
+
-
 
+
-
== Layout ==
+
-
 
+
-
Usually laid out using CSS box model and floats. This does not seem to map well to other toolkits.
+
-
 
+
-
== Properties ==
+
-
 
+
-
* tabindex
+
-
* disabled
+
-
* checked
+
-
* maxlength
+
-
* name
+
-
* readonly
+
-
* size (rows/cols for <textarea>)
+
-
* title
+
-
* class
+
-
* accesskey
+
-
* id
+
-
 
+
-
== Events ==
+
-
 
+
-
* focus
+
-
* blur
+
-
* select
+
-
* change
+
-
* click
+
-
* dblclick
+
-
* mousedown
+
-
* mousemove
+
-
* mouseout
+
-
* mouseover
+
-
* mouseup
+
-
* keydown
+
-
* keypress
+
-
* keyup
+
-
* submit
+
-
* reset
+
-
 
+
-
== Notes ==
+
-
 
+
-
From to_ on freenode.net#microformats
+
-
 
+
-
http://pastie.org/513229
+
-
 
+
-
Interesting form patterns, especially for compound elements like addresses/dates based on
+
-
 
+
-
http://www.slideshare.net/AaronGustafson/learning-to-love-forms-web-directions-south-07
+

Current revision as of 11:59, 9 January 2014

xmStP3 Thanks a lot for the blog article.Really thank you! Really Great.

Personal tools