Prev Demo
CSS3
>
Checked
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> input:checked { height: 30px; width: 25px; } </style> <form> <fieldset> <legend>Select Details</legend> RadioButton - <input type="radio" id="radio1" name="radio1" value="1" /> Value 1 <input type="radio" id="radio2" name="radio1" value="2" /> Value 2 <input type="radio" id="radio3" name="radio1" value="3" /> Value 3<br /> Checkbox <input type="checkbox" checked="checked" value="ITFunda"/> <input type="checkbox" value="DotNetFunda"/> <input type="checkbox" value="TechFunda"/> <br /> Enter Name <input type="text" name="user" placeholder="Enter here"/> </fieldset> </form> <p><strong>Note:</strong> You can find the changes by clicking on above three input elements.<br /> :checked selector is only applicable for the radio & checkbox in the input elements </p> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
