Disable Form Field

Question

I have created a form that is a mathematical worksheet. There
are 3 types of fields: (1) fixed value, (2) user entry and (3)
calculated results. In order to make the calculated result fields
stand out their style is set to BOLD RED. The fixed value and
calculated results fields have been "disabled" to prevent users
from changing the values and also to force tabbing to skip over
these fields. But disabling these fields makes them "gray" and the
calculated results fields do not match the style (i.e. BOLD RED).
Using "readonly" solves the style issue but then the user can
access the filed and try to change it. How can I get around this?
The site is at www.pacificproductsinc.com

Answer 1

Hi -
All you need to do is assign a class to the input field, that
styles the
text color red and bold, like so:
(This goes before the closing </head> tag)
<style type="text/css">
<!--
.red { color: #FF0000; font-weight: bold; font-size: .9em }
-->
</style>
And then apply it to your input field, for example:
<input type="text" disabled="true" value="$$$$"
class="red">
If you're using an external stylesheet, just add the ".red"
class to the
stylesheet.
HTH, take care.
Shane H
[email protected]
http://www.avenuedesigners.com
=============================================
Proud GAWDS Member
http://www.gawds.org/showmember.php?memberid=1495
Delivering accessible websites to all ...
=============================================
"tomgu" <[email protected]> wrote in message
news:e8urb1$mih$[email protected]..
>I have created a form that is a mathematical worksheet.
There are 3 types
>of
> fields: (1) fixed value, (2) user entry and (3)
calculated results. In
> order to
> make the calculated result fields stand out their style
is set to BOLD
> RED. The
> fixed value and calculated results fields have been
"disabled" to prevent
> users
> from changing the values and also to force tabbing to
skip over these
> fields.
> But disabling these fields makes them "gray" and the
calculated results
> fields
> do not match the style (i.e. BOLD RED).
>
> Using "readonly" solves the style issue but then the
user can access the
> filed
> and try to change it. How can I get around this?
>
> The site is at www.pacificproductsinc.com
>
>