|
Size: 1687
Comment:
|
Size: 1355
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 6: | Line 6: |
| 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. | *** 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. |
| Line 8: | Line 8: |
WEBFORM SUMMARY: text – a simple text box that allows input of a single line of text (an alternative, password, is used for security purposes, in which the characters typed in are invisible or replaced by symbols such as *) checkbox – a check box radio – a radio button file – a file select control for uploading a file reset – a reset button that, when activated, tells the browser to restore the values to their initial values. submit – a button that tells the browser to take action on the form (typically to send it to a server) textarea – much like the text input field except a textarea allows for multiple rows of data to be shown and entered select – a drop-down list that displays a list of items a user can select from |
This pattern covers the text and textarea form methods. |
| Line 23: | Line 13: |
| One line | Text - one-line |
| Line 25: | Line 15: |
| Multiple-line | Textarea - multi-line |
| Line 35: | Line 25: |
| Pre-populated text... is just like user text, and can be edited. |
|
| Line 41: | Line 33: |
| 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... |
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