HTML Form with RadioButton, DropdownList, Textarea, Pick Color, Date
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exercise 3</title>
</head>
<body>
<h1>Sign Up Form</h1>
<form action="thankyouPage.html" method="GET">
<label for="username">Username : </label>
<input type="text" id="username" name="username" placeholder="Enter Username" required><br><br>
<label for="password">Password : </label>
<input type="text" id="password" name="password" placeholder="Enter Password" required><br><br>
<label for="email">Email : </label>
<input type="text" id="email" name="email" placeholder="Enter Email" required><br><br>
<p>Select your gender</p>
<label for="male">Male</label>
<input type="radio" id="male" name="gender" value="Male"><br>
<label for="female">Female</label>
<input type="radio" id="female" name="gender" value="Female"><br>
<label for="other">Other</label>
<input type="radio" id="other" name="gender" value="other"><br><br>
<label for="country">Select your country</label>
<select name="group-values" id="country">
<option value="India">India</option>
<option value="America">America</option>
<option value="Pakistan">Pakistan</option>
<option value="Russia">Russia</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Bangladesh">Bangladesh</option>
<option value="China">China</option>
<option value="Japan">Japan</option>
<option value="Iran">Iran</option>
<option value="Israel">Israel</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="South Korea">South Korea</option>
<option value="UAE">UAE</option>
<option value="Iraq">Iraq</option>
<option value="Turkey">Turkey</option>
<option value="Indonesia">Indonesia</option>
<option value="Philippines">Philippines</option>
<option value="Nepal">Nepal</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Jordan">Jordan</option>
<option value="Cambodia">Cambodia</option>
<option value="Singapore">Singapore</option>
<option value="Palestine">Palestine</option>
<option value="Kuwait">Kuwait</option>
<option value="Georgia">Georgia</option>
<option value="Qatar">Qatar</option>
<option value="Bahrain">Bahrain</option>
<option value="North Korea">North Korea</option>
<option value="Syria">Syria</option>
<option value="Malaysia">Malaysia</option>
<option value="Mongolia">Mongolia</option>
<option value="Oman">Oman</option>
<option value="Labanon">Lebanon</option>
<option value="Thailand">Thailand</option>
<option value="Myanmar">Myanmar</option>
</select><br><br>
<p>Write about yourself below</p>
<textarea name="" id="" cols="30" rows="5" placeholder="type here..."></textarea><br><br>
Pick Color : <input type="color" name="" id=""><br><br>
Date : <input type="date" name="" id=""><br><br>
<input type="file" name="" id=""><br><br>
<input type="submit" value="sign in">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>Thank YouPage</head>
<body>
<h1>Thank YouPage</h1>
</body>
</html>
Comments
Post a Comment