Untitled
unknown
plain_text
2 months ago
3.8 kB
1
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML forms</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } form { background: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 350px; } h1 { text-align: center; color: #333; } div { margin-bottom: 15px; } label { font-weight: bold; display: block; margin-bottom: 5px; } input, select, textarea { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; } input[type="radio"], input[type="checkbox"] { width: auto; margin-right: 5px; } button { width: 100%; background: #007bff; color: white; border: none; padding: 10px; border-radius: 5px; font-size: 16px; cursor: pointer; } button:hover { background: #0056b3; } div p { font-weight: bold; margin-bottom: 5px; } </style> </head> <body> <form action="/submit.php"> <div> <label for="name">Name</label> <input id="name" type="text" placeholde="Enter Name" required> </div> <div> <label for="phone">Phone</label> <input id="phone" type="tel" placeholder="Enter phone" required> </div> <div> <label for="email">Email</label> <input id="email" type="email" placeholder="Enter Email" required> </div> <div> <label for="password">Password</label> <input id="password" type="password" placeholder="Enter Password" required> </div> <div> <label for="dob">Date of Birth</label> <input id="dob" type="date" required> </div> <div> <p>Subcription Plan</p> <input id="basic" type="radio" name="subcription" value="basic"> <label for="basic">Basic</label> <input id="premium" type="radio" name="subcription" value="premium"> <label for="premium">Premium</label> <input id="vip" type="radio" name="subcription" value="vip"> <label for="vip">VIP</label> </div> <div> <label for="gender">Gender</label> <select id="gender" required> <option value="" disabled selected>Select Gender</option> <option value="male">Male</option> <option value="female">Female</option> <option value="other">Other</option> </div> <div> <input id="terms" type="checkbox" required> <label for="terms">I agree to the terms and condition </label> </div> <div> <label for="comments">Comments</label> <input id="comments" placeholder="Enter your comments" rows="3"></textarea> </div> <button type="submit">Submit</button> </form> </body> </html>
Editor is loading...
Leave a Comment