Linux Hosting
NT/2000 Hosting
DYO Internet Access
JAVASCRIPTez.com
PHPez.com
ASPez.com

Select a Domain
    

Creating .css Styled Form Fields




The above form demonstrates the integration of HTML forms and CSS styles. We first have an ordinary <input type="text"> form field. It looks and displays normally.
Following the normal form text field we have a form field that looks differently <input type="text" style="border:1px black solid;border-bottom:3px navy double"> . It has a double underscore at the bottom. I use this on a page that indicates something special about this input area.
And then we have the form field that is blurred <input type="text" name="grayedField" style="background-color:#dddddd" onFocus="document.theForm.grayedField.blur()"> . This grayed (blurred) field can receive values via javascript but cannot be updated manually Press the button in the example above to see this javascript action.. The background gray visually informs the web user that he/she cannot type into this field. Of course, for this sample to work, the form must be named grayForm (referenced on the onFocus setting).

To see more javascript actions, view this example under JavascriptEZ.com. If you also have a website assisting web authors, please feel free to link to either this page or to link to HTMLez.com. If you would like to contribute code to any of the EZ pages referenced on the left, Please email me here. You may also email me if you would like to exchange links (compatible sites only).

cover
Avg. Customer Review:
April 2001
http://www.htmlgoodies.com
cover
Avg. Customer Review:
April 2001
http://www.microsoft.com
cover
Avg. Customer Review:
April 2001
http://www.wrox.com

PHP Copyright Notice