469,623 Members | 1,800 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,623 developers. It's quick & easy.

HTML Form - input type="text" formatting

Hi All.

I'm having a problem with my Date of Birth textbox. When I open the
..htm file, the "DoB" textbox is flat with a border. All of my other
textboxes are sunken and are yellow.

When I change the name of the "DoB" textbox to something like
"Telephone" or "TelephoneBirthdate", the textbox changes to sunken,
and yellow. I have tried changing the name to "DBirth", "BirthDate",
"Birthday", "cusBirth", "DOBirth", etc. but, the formatting always
changes back to flat with a border.

Could someone please take a look at this and let me know what I need
to do to correct this problem?

TIA,
j.t.w

-----------------------Start of HTML-------------------------------
<html>
<head>
<title>Order Entry Form</title>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form method="post" action="mailto:j.***@juno.com">
<p>&nbsp;</p>
<p align="center"><font size="5">Please fill out the following
information.</font><br></p>
<table width="80%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="50%">
<p align="right">Name:</p>
</td>
<td width="50%">
<input type="text" name="Name" SIZE="35">
</td>
</tr>
<tr>
<td width="50%">
<p align="right">Address:</p>
</td>
<td width="50%">
<input type="text" name="Address" SIZE="35">
</td>
</tr>
<tr>
<td width="50%">
<p align="right">City, State, Zip Code:</p>
</td>
<td width="50%">
<input type="text" name="City" SIZE="20">
<input type="text" name="State" SIZE="5">
<input type="text" name="Zip" SIZE="10">
</td>
</tr>
<tr>
<td width="50%">
<p align="right">Telephone:</p>
</td>
<td width="50%">
<input type="text" name="Telephone" SIZE="25">
</td>
</tr>
<tr>
<td width="50%">
<p align="right">Date of Birth:</p>
</td>
<td width="50%">
<input type="text" name="TelephoneBirthdate" VALUE=""
size="25">
</td>
</tr>
<tr>
<td width="50%">
<p align="right">Credit Card Type:</p>
</td>
<td width="50%">
<input type="radio" name="CCType" value="Amex">American
Express<br>
<input type="radio" name="CCType" value="Visa">Visa<br>
<input type="radio" name="CCType" value="MC">Master Card
</td>
</tr>
<tr>
<td width="50%">
<p align="right">Credit Card Number:</p>
</td>
<td width="50%">
<input type="text" name="CCNumber" SIZE="25">
</td>
</tr>
<tr>
<td width="50%">
<p align="right">Expiration Date (Month, Year):</p>
</td>
<td width="50%">
<input type="text" name="CCExpMonth" SIZE="25">
<input type="text" name="CCExpYear" SIZE="10">
</td>
</tr>
<tr>
<td width="50%">
</td>
<td width="50%">
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="Reset" value="Reset">
</td>
</tr>
</table>
</form>
</body>
</html>
------------------------End of HTML------------------------
Jul 20 '05 #1
4 17277
j.***@juno.com (j.t.w) wrote:
I'm having a problem with my Date of Birth textbox. When I open the
.htm file, the "DoB" textbox is flat with a border. All of my other
textboxes are sunken and are yellow.
Do you have the Google toolbar installed?

The yellow highlighting indicates a field that the Google toolbar can
autofill.

The 'sunken' border is the default Windows border for text fields, but
IE on Windows XP normally replaces it with a plain border, however the
Google toolbar code changes it back to the inset look (as a side
effect I think). There is considerable variation between browers and
operating systems as to how text field borders are presented. If you
want a certain look then specify it in CSS.
When I change the name of the "DoB" textbox to something like
"Telephone" or "TelephoneBirthdate", the textbox changes to sunken,
and yellow. I have tried changing the name to "DBirth", "BirthDate",
"Birthday", "cusBirth", "DOBirth", etc. but, the formatting always
changes back to flat with a border.


Telephone is a field that Google can autofill, Date of Birth is not.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #2
Steve,

Thank you for your explanation. Now it makes sense.

If you don't mind, I have another question...is it possible to not let
google override the textboxes or could I specifically format the
textboxes (i.e. flat with a border)?

Thanks again.
j.t.w
Jul 20 '05 #3
On 2 Apr 2004 17:58:00 -0800, j.t.w <j.***@juno.com> wrote:
Steve,

Thank you for your explanation. Now it makes sense.

If you don't mind, I have another question...is it possible to not let
google override the textboxes or could I specifically format the
textboxes (i.e. flat with a border)?


Google basically becomes prt of the UA and 'takes over'. Google will do as
it does.

The only way around it I've ever heard of is to use names which don't map
to what the Google toolbar is looking for. (Remember that Opera's 'Wand'
is similar in behavior, so test for that too.)
Jul 20 '05 #4
j.***@juno.com (j.t.w) wrote:
Thank you for your explanation. Now it makes sense.

If you don't mind, I have another question...is it possible to not let
google override the textboxes or could I specifically format the
textboxes (i.e. flat with a border)?


Unintstall the Google toolbar, or disable its autofill feature.

Remember that your users may want to use the autofill feature as it
useful for them. If you go out of your way to defeat it (e.g. by
naming a field FOO rather than NAME) then they will not thank you.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Silmar | last post: by
7 posts views Thread by Rich | last post: by
1 post views Thread by i_dvlp | last post: by
1 post views Thread by Amil Hanish | last post: by
2 posts views Thread by Warren Tang | last post: by
reply views Thread by devrayhaan | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.