Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <title>Form Inputs Example</title> <style> body { font-family: sans-serif; margin: 20px; } form { background: #fdfdfd; padding: 20px; border: 1px solid #eee; border-radius: 12px; max-width: 400px; } .form-group { margin-bottom: 20px; } .input-label { display: block; margin-bottom: 8px; font-weight: bold; } .choice-group label { display: block; margin-bottom: 5px; font-weight: normal; } </style> </head> <body> <form action="/html/tags/html_form_tag.cfm"> <!-- Text Input --> <div class="form-group"> <label for="username" class="input-label">Username:</label> <input type="text" id="username" name="username"> </div> <!-- Checkboxes --> <div class="form-group choice-group"> <span class="input-label">Interests:</span> <label><input type="checkbox" name="interests" value="coding"> Coding</label> <label><input type="checkbox" name="interests" value="design"> Design</label> <label><input type="checkbox" name="interests" value="music"> Music</label> </div> <!-- Radio Buttons --> <div class="form-group choice-group"> <span class="input-label">Subscription Level:</span> <label><input type="radio" name="level" value="basic" checked> Basic (Free)</label> <label><input type="radio" name="level" value="pro"> Pro ($10/mo)</label> <label><input type="radio" name="level" value="premium"> Premium ($20/mo)</label> </div> <input type="submit" value="Submit Preference"> </form> </body> </html>
