HTML - Field Input Size

Hi

I want to do two things:

1) pre populate the input field (the following isn't pre populating in FF)

<input type='text' name='txt' id='txt' onFocus='this.select()'
VALUE='GIGS' class="formInput" />

CSS:
form input {padding-top:5px; font-size:large; background-color:#fff; border:none; height:31px;}

2) make the pre populated text have a different format to the text people write in it.

Is it possible? Will it be html, or involve JS?

Thanks for your time and help.

Shaun

How do I prefill an input field in a form? I don't mean "value=hello"
I mean have a light gray text inside that says "enter your first name" and then when the user starts typing that text disappears.

I thought there was an html tag that did this (or a form tag like type=""). I hope it doesn't require CSS...
thanks!

Hi all,

I have a text input field, and I would like it to autocomplete from a list.

For example the input field is for cities, and when the user types 'lon' I want it to automatically show a list of cities that have lon in the beginning of it's name, or if there are no others for it to autocomplete for the user.

It doesn't necessarily have to be a text input element, it can be something else I just don't know what to use or how to go about it.

Anyone got any ideas?

Hi Guys
I have a text input field in a form that has data in it from a previous entries.

Is there something i can do that ensures the field is empty when the form is pulled up?

Thanks everyone

The page can be found he
http://www.trinityacademy.org/alumni/addressBook.
You can tab from field to field but can't click on the fields. IF Google toolbar is enabled then you can click on the fields that Google recognizes for autofil but not on the fields it does not.

I am baffled by this one. Any ideas???

I have some fields and a Select option, I want to add a new field if I select "Add" option,
and remove field when I select "Remove" option, can I do it in very simple JavaScript?

This should be so simple task but no. How can I pass input field value to the function?

What I read from the input field, as soon as I press the "Save results" the value of the input field should be passed within the function. All I can do is puit 'stuffhere' and it works but simply can not manage to retriveve the input data!

<form name="inputData">
<input type="text" name="userName" size="32"/><br />
<a href="#" OnClick="SetText('resultHandler','Username',' stuffhere ');SendMessageToTheObject('resultHandler','saveResult');return true;"><font color="red">[Save result]</font></a>
</form>

Hey, I'm jst starting to learn html and I was someone could give me an example
of how to create a a simple form with 2 input fields which are set to a value say
"hello" in first field and "World" in second field when the button is clicked.

Thanks

i have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame
now this 1.htm is quite a long frame and has a scrollbar
and 2.htm is a short one
i dont the scroll bar beside my frame 1 but want it to be for my entire parent window
ie i wont to scroll both my left and right frames together
how do i do that

Hi!

I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window.

How can I make it do that?

I did it once but just can't seem to remember how I did it.

Thanks

All:

Working to update a previously designed website.

Original design uses an <img> tag to create a top banner and another <img> tag
to create a side banner.

In each case there are mapped coordinates on each banner as links for the subsequent pages.

Basic page design is as follows:

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td>
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <div>
         ***PAGE CONTENT***
      </div>
   <tr>
<table>

The challenge is that the [PAGE CONTENT] varries in length througout the site causing some pages
to be much longer or shorter than others.

This causes some inconsistencey in the relationship between the side banners height and the
page content.

In other words in some cases the banner is exceptionally longer than the page content and the
reader must scroll past significant "dead-space" before being brought to the lowest
mapped links in the side banner; or...

...in some cases the side banner is significantly shorter than the page content causing the
banner image to appear "poorly-fit" to the page design.

I considered altering the 2nd table instance in the above design so that the banner is carried
in a <td> tag that is adjacent to the page content and hopefully to allow the tag carrying the
image to size relative to the <td> tag carring the content....

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td size="100%">
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <td size="100%" >
         <table>
            ***PAGE CONTENT***
         </table>
      </td>
   <tr>
<table>

The problem I've found with this is that as the content size causes the image to "flex", either
readablilty or image quality or both are effected, AND the mappings become inconsistent as the
image coordinates constantly change.

I've considered 2 solutions and am leaning toward one, but thought I'd post this and see if there
are better ideas I'm overlooking.

One idea was to add additional table rows inside the [PAGE CONTENT] table presumably creating a
"defalut" page size that would never be smaller than a standard for the side banner.
Problem: larger page sizes are still a problem as are the changing map coordinates

My other idea was to return to the original page design listed first above and again settle on
a standard side banner "height"... ...any page that was significantly longer than that height
would be split to 2 or more pages with a [NEXT>>] button at the bottom of the page navigating to
the additional content.
Problem: ...possible complications splitting content...
Benefit: ...consistent page design that allows a consistent side banner with navigable links...


Question for the group:
Does this sound reasonable?
Are there better alternatives I am overlooking?

THANKS IN ADVANCE FOR ALL INPUT!!

Hi
What is wrong with this, it can't post text only post checkbox

<html>
<head>
</head>
<body>
<FORM action="http://localhost:8182/items" method="post">
<P>
<LABEL for="firstname">First name: </LABEL>
<input type="text" value = "Hamada" id="firstname"><BR>
<LABEL for="lastname">Last name: </LABEL>
<input type="text" value = "I hate my life" id="lastname"><BR>
<LABEL for="email">email: </LABEL>
<input type="text" id="email" value = "I hate you"><BR>
<INPUT type="radio" name="sex" value="Male"> Male<BR>
<INPUT type="radio" name="sex" value="Female"> Female<BR>
<input type="submit" value="Submit">
<INPUT type="reset">
</P>
</FORM>
</body>
</html>


Thanks

Hi, I'm a newbie. I would like to know how do I display 2 labels and both inputs in the same row as shown in the attachment like state followed by input field followed by label for zip and followed by input within the same row of table in a form.


Thanks in advance
yls

I'd like my div to automatically expand when there is more text but I don't want it smaller than a certain size. Is this possible? Please look at the following site to see what I mean and click on the Writing tab. (The right hand div is what I'd like to fix--you see the text is cut off.) Thank you so much!

http://rkgrant.110mb.com/rkghome2.html

Here's my code:

Code:

<div align="center" style="background-color:#4D4D4D;width:1000px;height:30px;border:1px 
solid #00137F;filter:progid:DXImageTransform.
Microsoft.Glow(color=#00137F)">

I can't get the DIV to change size. I know I haven't put 'Width="" height="" ' but that doesn't work. It's strange because usually I would've thought that would work.