Prev Demo
CSS3
>
Disabled
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> input { background: lightgreen; } input[type=text]:disabled { background-color: seashell; } </style> <body> <form> <fieldset> <legend>Enter Details</legend> Username <input type="text" value="Username(Enabled)" /><br /> Password <input type="Text" value="password(Enabled)" /> <br /> Disabled text <input type="text" disabled="disabled" value="Sheo Narayan(Disabled)" /> </fieldset> </form> <br/> <br/> <br/> <p><h3>Note:</h3> Please try to to erase the text inside the text boxes and start writing new text. So, that you can be able to write the new text only in <b>Username</b> & <b>Password</b> text boxes. In the Disable text box you are unable to write the new text. </p> </body> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
