HTML

From Gui

Revision as of 23:48, 15 June 2009

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 based on

http://www.slideshare.net/AaronGustafson/learning-to-love-forms-web-directions-south-07