Differences between revisions 1 and 9 (spanning 8 versions)
Revision 1 as of 2011-02-21 10:55:22
Size: 159
Editor: shoobe01
Comment:
Revision 9 as of 2011-03-29 00:45:00
Size: 1355
Editor: shoobe01
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
Form, or sms input area, or... anything you put text... http://patterns.design4mobile.com/index.php/Text_Entr -- NOT a select list, as the entry is free-form == Problem ==
A method must be provided for users to enter text and other character-based information without restriction.


== Solution ==
*** Forms as a way to collect information in an ordered manner pre-date computing by at least a century. Many standards were developed in the paper form era, and have translated to computerized database forms, and then to web forms. The ubiquity of the web -- to software developers if not all users -- means forms for all computing types have settled on these standard input methods.

This pattern covers the text and textarea form methods.



== Variations ==
Text - one-line

Textarea - multi-line


== Interaction Details ==
immediate entry

cursor and focus...

enter is a linefeed on multi-line, submits forms or exits the field on single line

Pre-populated text... is just like user text, and can be edited.


== Presentation Details ==
notes about input method and reference

field hints in the field, adjacent to the field, pros and cons of each

hints in the field must be differentiated from actual content, such as by being gray and italics...

hints in the field are not pre-populated, and disappear when focus is granted. when all content is removed (or none entered) and focus is removed, the hint appears again...


== Antipatterns ==


== Examples ==

Problem

A method must be provided for users to enter text and other character-based information without restriction.

Solution

*** Forms as a way to collect information in an ordered manner pre-date computing by at least a century. Many standards were developed in the paper form era, and have translated to computerized database forms, and then to web forms. The ubiquity of the web -- to software developers if not all users -- means forms for all computing types have settled on these standard input methods.

This pattern covers the text and textarea form methods.

Variations

Text - one-line

Textarea - multi-line

Interaction Details

immediate entry

cursor and focus...

enter is a linefeed on multi-line, submits forms or exits the field on single line

Pre-populated text... is just like user text, and can be edited.

Presentation Details

notes about input method and reference

field hints in the field, adjacent to the field, pros and cons of each

hints in the field must be differentiated from actual content, such as by being gray and italics...

hints in the field are not pre-populated, and disappear when focus is granted. when all content is removed (or none entered) and focus is removed, the hint appears again...

Antipatterns

Examples

Input Areas (last edited 2013-12-05 16:32:50 by shoobe01)