Skip to Content

BSP / HowTo: Highlight your input fields

Again this does conflict with the whole “accessibility series” to an extent but again when you have limited options you have to do what you have to do.

So this is another quickie from Dynamic Drive and very easy to implement.

To implement this you simply have to add the following to your page either as an include or just to the page somewhere.

Once that is in place you then need to add the following lines to your page.

Oh and be sure you gave your form an id and then put the right id into those lines.

Once that is there and in place you are basically done.


What you can now do is if you have a user preference section you can actually allow the enabling and disabling of this option, as well as allowing them to select the color for the background this of course giving the user more control over how they work.

This is actually something I’ve recently implemented, provided the user variable is set to true I active the two lines which assign the event to the form and I dynamically set the color the user has selected.

You must be Logged on to comment or reply to a post.
    • Thanks for the info Ariel, my system isn’t their yet at least the one I used to work on the weblog 🙂

      So how is it done with inputFields, I’ve just tested on a SP47 system and there is no automatic color change?

  • Hi Craig,

    thanks for your very informative article.
    I have one question left: What would be the regular expression for highlighting a checkbox?