473,395 Members | 1,730 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,395 software developers and data experts.

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 17553
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Neil Zanella | last post by:
Hello, I would like to use CSS to apply a width of 100% to all <input> elements, but to only those that have an type attribute set to "text", without affecting check boxes, radio buttons, etc......
9
by: David D. | last post by:
Does the file extension matter when including a JavaScript file in an HTML page? Normally, one would include a JavaScript file in an HTML page using <script src="foo.JS" type="text/javascript">...
3
by: Silmar | last post by:
Hi! In my form I have table which cells contain input objects of type="text" which initially are disabled. I would like to activate them by clicking on them. However because input object does...
7
by: Rich | last post by:
Is the link rel="stylesheet" supposed to be real plain text, or would some word processor format such as Word/Pad work? This sample stylesheet seems garbled if downloaded and opened with...
1
by: i_dvlp | last post by:
I'm attempting to size a table and its proving to be difficult, when the <td> contain input type="text" It seems any width spec using <col width="50"> works fine, but only when it applies to...
1
by: Amil Hanish | last post by:
I want to dynamically create the <styletag. I know I can simply add a "runat" direction and set the inner value. But, I was curious if there was a more object-based way in .NET to do this. For...
2
by: alxasa | last post by:
Hello, I am hoping someone can help me with this. I need a javascript function, which sits inside a <input type="text" name="firstname"> line of code. Now, if someone starts typing fine, but when...
3
by: joe | last post by:
Is it OK to have multiple: <script type="text/javascript" src="funcs1.js"></script> <script type="text/javascript" src="funcs2.js"></script> <script type="text/javascript"...
2
by: Warren Tang | last post by:
Hello, everyone Can I make a <input type="text"tag transparent? I mean I can see through it and see the background of its container. Regards Warren
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.