Edit The Code:
See Result »
Try it Yourself - ©
w3ii.com
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/lib/w3.css"> <body> <form class="w3-container"> <br> <input class="w3-input" type="text" required> <label class="w3-label w3-validate">Name</label> <br> <input class="w3-input" type="email" required> <label class="w3-label w3-validate">Email</label> <br> <textarea class="w3-input"></textarea> <label class="w3-label">Subject</label> <br><br><br> <input id="milk" class="w3-check" type="checkbox" checked="checked"> <label class="w3-validate">Milk</label> <br> <input id="sugar" class="w3-check" type="checkbox"> <label class="w3-validate">Sugar</label> <br> <input id="lemon" class="w3-check" type="checkbox" disabled> <label class="w3-validate">Lemon (Disabled)</label> <br><br> <input id="male" class="w3-radio" type="radio" name="gender" value="male" checked> <label class="w3-validate">Male</label> <br> <input id="female" class="w3-radio" type="radio" name="gender" value="female"> <label class="w3-validate">Female</label> <br> <input id="unknown" class="w3-radio" type="radio" name="gender" value="" disabled> <label class="w3-validate"> Don't know (Disabled)</label> </form> </body> </html>