custom form field elements
-
- Posts: 348
- Joined: Thu Jan 12, 2006 8:24 pm
- Contact:
custom form field elements
Can anyone tell me how to get customized form field elements... like custom Checkbox i.e a blue checkbox o reddish radio button...
As far as I know, you cant colour the check boxes themselves, they always show as white with a black tick, unless its a custom button that changes image when you **** it, but then you have to make an **** function.
Webmaster Yoda: You must confront the cPanel. Then, and only then, a webmaster will you be.
Julius Caesar: Veni, vidi, posti
-
- Posts: 348
- Joined: Thu Jan 12, 2006 8:24 pm
- Contact:
Well once you've got the images, you need to make it like this:
I'm not exactly sure though, I'm not that good at javascript.
Code: Select all
void changeColour ()
{
****.form1.redcheckbox. src='redcheckbox-checked.jpg'
}
Webmaster Yoda: You must confront the cPanel. Then, and only then, a webmaster will you be.
Julius Caesar: Veni, vidi, posti
-
- Posts: 348
- Joined: Thu Jan 12, 2006 8:24 pm
- Contact:
Form colors
Have you tried CSS ? that might be able to do it..jasondsouza wrote:Can anyone tell me how to get customized form field elements... like custom Checkbox i.e a blue checkbox o reddish radio button...
.............................:: Spirit of Fire ::..................................
-
- Posts: 10
- Joined: Tue Jan 04, 2011 6:18 pm
Hi, bro. I only know a thing or two about <input type="text"> (text fields - form)jasondsouza wrote:Can anyone tell me how to get customized form field elements... like custom Checkbox i.e a blue checkbox o reddish radio button...
Simply add this to your style sheet or css source:
And for displaying the form, enter this html code:input[type="text"].rounded_inputs {
font-family: Verdana;
border: 1px solid #B3B3B3;
border-bottom-left-radius: 6px 6px;
border-bottom-right-radius: 6px 6px;
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
color: #999;
height: 19px;
padding: 2px;
}
Hope this helps.input type="text" name="category2" size="25" class="rounded_inputs" value="Your Name" onBlur="if (this.value == '') {this.value = 'Your Name';}" onFocus="if (this.value == 'Your Name') {this.value = '';}"></td>
</tr>
<tr>
<td><input type="text" name="category3" size="25" id="GRCategory3" class="rounded_inputs" value="Your E-mail" onBlur="if (this.value == '') {this.value = 'Your E-mail';}" onFocus="if (this.value == 'Your E-mail') {this.value = '';}"></td>
Your buddy, THE lonely Potato.