canmove, Confirmed users
2,675
edits
Identity-inputs: Difference between revisions
Jump to navigation
Jump to search
document common semantic form inputs and brainstorm markup proposals
(→use cases: added subsections for each use-case with the conceptual semantic form inputs that each tends to use) |
(document common semantic form inputs and brainstorm markup proposals) |
||
| Line 71: | Line 71: | ||
=== forgot follow-up change password === | === forgot follow-up change password === | ||
When you receive a "forgot password" email, typically it has a link which when clicked takes you to a one-time form on the site which then makes you change your password with some form fields like: | When you receive a "forgot password" email, typically it has a link which when clicked takes you to a one-time form on the site which then makes you change your password with some form fields like: | ||
* username (typically readonly) | * current username (typically readonly) | ||
* new password | * new password | ||
* confirm password | * confirm password | ||
Specific example URLs and/or screenshots welcome and encouraged! | Specific example URLs and/or screenshots welcome and encouraged! | ||
... | == common semantic form inputs == | ||
From the above use-cases, we can derive the following list of discrete common semantic form inputs | |||
* new username (variants: might be text, email, or URL id) | |||
* current username (same variants, with possible readonly option) | |||
* new password | |||
* current password | |||
* confirm password | |||
* <nowiki>[x] Remember me (possibly readonly) | |||
* 2nd factor authentication | |||
== brainstorm markup == | |||
Current [[HTML5]] related form inputs: | |||
* input type="text" | |||
* input type="email" | |||
* input type="url" | |||
* input type="password" | |||
* input type="checkbox" | |||
Additional strawman attribute proposals to express semantics as noted above: | |||
* 'userid' binary attribute - noting that an input is semantically being used as a userid, e.g.: | |||
** username: input type="text" userid="userid" | |||
** userid email: input type="email" userid="userid" | |||
** userid URL: input type="url" userid="userid" | |||
** note: not sure if we need to distinguish userid="new" or userid="current" but that might be useful per the above use-cases. | |||
* 'pwtype' attribute with values 'new' (create, sign-up), 'current' (sign-in), 'confirm' (verify) e.g. | |||
** new password: input type="password" pwtype="new" | |||
** current password: input type="password" pwtype="current" | |||
** confirm password: input type="password" pwtype="confirm" | |||
* 'rememberme' binary attribute - noting that a checkbox means "Remember me", e.g. | |||
** <nowiki>[x]</nowiki> Remember me: input type="checkbox" rememberme="rememberme" | |||
Feel free to bikeshed / suggest alternate names / terms for 'userid', 'new', 'current', 'pwtype', 'new', 'current', 'confirm', 'rememberme' - these were all made up based on first thoughts and there is no particularly partiality towards them. | |||
* ... | |||
== history == | == history == | ||