HTML

From Gui

Revision as of 21:03, 15 June 2009 (edit) 173.11.94.130 (Talk) (Layout) ← Previous diff		Revision as of 23:47, 15 June 2009 (edit) (undo) 173.11.94.130 (Talk) (Notes) Next diff →
Line 57:		Line 57:
	* submit		* submit
	* reset		* reset
		+
		+	== Notes ==
		+
		+	From to_ on freenode.net#microformats
		+
		+	http://pastie.org/513229
		+
		+	Interesting form patterns, especially for compound elements like addresses/dates

---

Revision as of 23:47, 15 June 2009

Contents 1 Widgets 2 Layout 3 Properties 4 Events 5 Notes

Widgets

• <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