Jump to content

Recommended Posts

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

Link to comment
https://forums.phpfreaks.com/topic/270154-how-to-get-round-corner-in-forms/
Share on other sites

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>

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.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.