Suggestion - :changed pseudo-class selecting changed/edited fom fields

I’d like to suggest the introduction of a new pseudo class:  ":changed"  (or 
perhaps  ":edited" or ":altered" or ":dirty").
This should apply any form fields that have been changed by the user.

Specifically, for form inputs that have "value" and "defaultValue" 
properties (all text-like input types, textarea, etc), it should select 
those where value !== defaultValue.
For form fields that that have "checked" and "defaultChecked" properties 
(checkboxes, radio buttons), it should select those where checked !== 
For <select> inputs, it should select those that contain at least one 
<option> that has selected !== defaultSelected.

The obvious use case is presenting the user with a form to edit existing 
data (such as a customer record from a database, for example).
This pseudo-class could be used to provide immediate visible feedback 
showing which data items have been changed, and hence, whether the user 
needs to save their edits or not.

It should be applicable to <form> elements as well, indicating that the form 
has at least one associated element that matches this pseudo-class.
(And as an aside, unrelated to selectors, it would be useful to have a 
boolean property on the <form>'s DOM element that reflects this also, as 
well as possibly on the elements themselves, as a shortcut for the 
javascript logic that would otherwise be required).

-- Dean Trower

Received on Sunday, 16 February 2014 02:25:35 UTC