HTML Form - input type="text" formatting

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • j.t.w
    #1

    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 "TelephoneBirth date", 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="#FFFFF F" text="#000000">
    <form method="post" action="mailto: j.t.w@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">N ame:</p>
    </td>
    <td width="50%">
    <input type="text" name="Name" SIZE="35">
    </td>
    </tr>
    <tr>
    <td width="50%">
    <p align="right">A ddress:</p>
    </td>
    <td width="50%">
    <input type="text" name="Address" SIZE="35">
    </td>
    </tr>
    <tr>
    <td width="50%">
    <p align="right">C ity, 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">T elephone:</p>
    </td>
    <td width="50%">
    <input type="text" name="Telephone " SIZE="25">
    </td>
    </tr>
    <tr>
    <td width="50%">
    <p align="right">D ate of Birth:</p>
    </td>
    <td width="50%">
    <input type="text" name="Telephone Birthdate" VALUE=""
    size="25">
    </td>
    </tr>
    <tr>
    <td width="50%">
    <p align="right">C redit Card Type:</p>
    </td>
    <td width="50%">
    <input type="radio" name="CCType" value="Amex">Am erican
    Express<br>
    <input type="radio" name="CCType" value="Visa">Vi sa<br>
    <input type="radio" name="CCType" value="MC">Mast er Card
    </td>
    </tr>
    <tr>
    <td width="50%">
    <p align="right">C redit Card Number:</p>
    </td>
    <td width="50%">
    <input type="text" name="CCNumber" SIZE="25">
    </td>
    </tr>
    <tr>
    <td width="50%">
    <p align="right">E xpiration Date (Month, Year):</p>
    </td>
    <td width="50%">
    <input type="text" name="CCExpMont h" 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------------------------
    Tags: None
    • Steve Pugh
      #2
      Re: HTML Form - input type=&quot;text &quot; formatting

      j.t.w@juno.com (j.t.w) wrote:
      [color=blue]
      >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.[/color]

      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.
      [color=blue]
      >When I change the name of the "DoB" textbox to something like
      >"Telephone" or "TelephoneBirth date", 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.[/color]

      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 <steve@pugh.net > <http://steve.pugh.net/>

        Comment

        • j.t.w
          #3
          Re: HTML Form - input type=&quot;text &quot; formatting

          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

            Comment

            • Neal
              #4
              Re: HTML Form - input type=&quot;text &quot; formatting

              On 2 Apr 2004 17:58:00 -0800, j.t.w <j.t.w@juno.com > wrote:
              [color=blue]
              > 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)?[/color]

              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.)

                Comment

                • Steve Pugh
                  #5
                  Re: HTML Form - input type=&quot;text &quot; formatting

                  j.t.w@juno.com (j.t.w) wrote:
                  [color=blue]
                  >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)?[/color]

                  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 <steve@pugh.net > <http://steve.pugh.net/>

                    Comment

                    Previous template Next
                    Working...