HTML

From Gui

Revision as of 23:48, 15 June 2009 (edit) 173.11.94.130 (Talk) (Added slideshare link) ← Previous diff		Revision as of 06:09, 8 March 2012 (edit) (undo) 192.162.19.21 (Talk) (ofZ1KA Appreciate you sharing, great article. Fantastic.) Next diff →
Line 1:		Line 1:
-	== Widgets ==	+	ofZ1KA Appreciate you sharing, great article. Fantastic.
-	* <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 ==		== Layout ==

---

Revision as of 06:09, 8 March 2012

ofZ1KA Appreciate you sharing, great article. Fantastic.

Contents 1 Layout 2 Properties 3 Events 4 Notes

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