How To Get Round Corner In Forms?

[mostafatalebi]

Hello everybody

 

I want to get a stylish form element with border style. I want a all-browser-compatible technique such as that of a background image (.png). I don't know how to get rid of orignial form visibility and use a rounded png image as its background. How?

I also can use Javascript so if you any technique please tell it.

 

Thanks

[rewind]

put the form in a div and set the background/border-radius on that?

[mostafatalebi]

puttin the form in a div, and set a bg for the div, how to get rid of the form orginal displat?

something like this:

<form, the type is text/>

<attach #formInvisible style to this input>

<div></div>

<attach #formStyle to the div>

<#formInvisible is hidden>->->-> I can not do this statement. how to get rid of original form, so when I click on the form the cursor don't be off the .png background.

<#formStyle has a .png rounded image as a backgrouns>

[codefossa]

If you're gonna go the route of actually making them round, then you need to do it specially for each. It's easier to just use images. Set the background of each part to create what looks like a round div, but really it's just transparent on the corners.

 

With the first option, they're still cornered, but appear round without images is what I was trying to say. I always stick to images on this though because it's just much simpler. Set it in CSS, create three parts to a block, and have a round top, round bottom, then the inside be a background color or an image with borders on the side or something like that.

 

If you want a completely round (circular) div, then you're going to probably want a big div, then a smaller one positioned inside that at it's center so you can just put the content there.

 

If you give an example of what you actually want to achieve, then I would be able to give you some example code.

[mostafatalebi]

just go to twitter an on the top there is a nice search bar. I want a look quite near to it.

[Scott_S]

If you like what twitter is doing you could just get its bootstrap

 

http://twitter.github.com/bootstrap/

[mostafatalebi]

is it possible for you to explain a little about this component? is it a plugin for jQuery and also a framework for Js?

[peppericious]

is it possible for you to explain a little...?

 

I was interested to find out more myself and found this.