Styled textboxes...?

[adamsoderqvist]

Hi everyone,

I'm trying to modify the HTML textboxes into being more "slick".

(this is often done in commercial websites, but I'm not sure on how to do this!)

<INPUT TYPE=TEXT NAME&quot;MYTEXT&quot;> - then what?

does anyone know...?

(there's an example of what I mean at: &quot;

http://www.campuzmobile.com&quot;

- check out the text fields on your right...)

thanx

 

[onpnt]

you can add styless as anything else like this
<INPUT TYPE=TEXT NAME=&quot;MYTEXT&quot; STYLE=&quot;font-size: 5pt;&quot;> I may not get it the 1st or 2nd time,
but how sweet that 15th time can be.

 

[travmak]

Here are some more. You can do them real easy in frontPage if you have it. right click the form field, form field properties, style, border.

<input type = &quot;text&quot; name = &quot;fld1&quot; value = &quot;this is a text box&quot; size=&quot;20&quot; style=&quot;background-color: #0000FF; color: #FF0000; border-style: solid; border-color: #FFFFFF&quot;>
<input type = &quot;text&quot; name = &quot;fld2&quot; value = &quot;this is a text box&quot; size=&quot;20&quot; style=&quot;font-family: Verdana; font-size: 14pt; text-decoration: underline; font-style: italic&quot;>
<input type = &quot;text&quot; name = &quot;fld3&quot; value = &quot;this is a text box&quot; size=&quot;20&quot; style=&quot;border-style: double; border-color: #00FF00&quot;>
<input type = &quot;text&quot; name = &quot;fld4&quot; value = &quot;this is a text box&quot; size=&quot;20&quot; style=&quot;border-style: solid; border-color: #FFFFFF&quot;>
<input type = &quot;text&quot; name = &quot;fld5&quot; value = &quot;this is a text box&quot; size=&quot;20&quot; style=&quot;background-image: url('../images/new.gif')&quot;>

 

[GUJUm0deL]

Try this:

<input type=&quot;text&quot; name=&quot;MYNAME&quot; style=&quot;background-color:#000000; color:#FFFFFF; font-size: 5pt;&quot;>
This will give the textbox a white font, black background and font size of 5pt. Look at CSS tags and see what else can go in there.
Keep in mind that these &quot;cool&quot; look is only for IE4+ and NS6+, and not for NS4... I have not failed; I merely found 100,000 different ways of not succeding...

 

[adamsoderqvist]

Thanx everyone! - that helped

 

[adamsoderqvist]

OK, I too fast there - it turns out that I have to be able to insert characters such as &quot;Å, Ä and Ö&quot;. It wont work with the code examples above. What to do?

 

[cian]

Hi,

Can you explain, why/where you need to insert äåö?

It works if I insert them into the name attribute or type them into the actual input box as will be displayed.



É

http://www.endamcg.com/finland-gaa

 

[adamsoderqvist]

well, see i reside in sweden where we use them... but never mind I got it right, though I have another one:

let's say I wanna have the text color in black and the border frame in red, what do I do?

 

[cian]

Hej!
We use them here too (Suomi).

One of the guys gave it earlier:
modified:
<input type=&quot;text&quot; value = &quot;&quot; size=&quot;&quot; style=&quot;border: solid 1px RED; color: BLACK&quot;>


É

http://www.endamcg.com/finland-gaa

 

[adamsoderqvist]

Kiitos!

//adam

 

[cian]

No problemo!!

É

http://www.endamcg.com/finland-gaa