=(
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
fieldset {border:10px solid yellow; background-color:lightyellow; margin-bottom:10px; width:720px}
label {width:180px;display:inline-block}
textarea {width:360px; height:50px}
</style>
</head>
<body>
<form method="post" enctype="multipart/form-data" action="http://ihome.ust.hk/~rossiter/cgi-bin/show_everything.php">
<h1>Please Enter Your Details For Our Dating Website!</h1>
<fieldset>
<legend>Your Face</legend><br>
<label for="image">Your image:</label>
<input type="file" id="image" name="image" value="Choose file" required><br><br>
<label for="preview"> Image preview:</label><img id="preview" name="pic">
</fieldset><br>
<fieldset>
<legend>Your General Details</legend>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br>
<label for="gender"><span id="gender">Gender:</span></label>
<input type="radio" id="male" name="gender" value="male" required>
<label for="male"> Male</label>
<input type="radio" id="female" name="gender" value="female" required>
<label for="female">Female</label><br>
<label for="number"> Age:</label>
<input type="number" id="number" min="0" max="100" step="1" value="" name="age" required><br>
<label for="birthday">Date of birth:</label>
<input type="date" id="birthday" name="birthday" required><br>
<label for="color">Favorite color:</label>
<input type="color" id="color" name="color" required><br>
<label for="country">Which country:</label>
<select name="country" id="country" required>
<option></option>
<option>Russia</option>
<option>USA</option>
<option>China</option>
<option>Germany</option>
<option>France</option>
</select>
</fieldset><br>
<fieldset>
<legend>Your indicators:</legend>
<label for="height">Height:</label> Short
<input type="range" id="height" min="o" max="100" step="1" value="50" id="height" name="height">Tall<br>
<label for="salary">Salary:</label> Poor
<input type="range" id="salary" min="o" max="100" step="1" value="50" id="salary" name="salary">Rich<br>
</fieldset><br>
<fieldset>
<legend>Your contact information</legend>
<label for="email">Email</label>
<input type="email" id="email" name="email" id="email" required><br>
<label for="mobile">Mobile:</label>
<input type="tel" id="mobile" name="tel" id="tel" required><br>
<label for="address">Address:</label>
<textarea name="address" rows="3pt" id="address" cols="25pt" required></textarea><br>
<label for="method"><span id="method">Method to contact you:</span></label>
<input type="checkbox" id="email1" name="contact" value="email">
<label for="email1">Email</label>
<input type="checkbox" id="whatsapp" name="contact" value="whatsapp">
<label for="whatsapp">Whatsapp</label>
<input type="checkbox" id="inapp" name="contact" value="chat">
<label for="inapp">In-app chat</label>
</fieldset><br>
<input type="submit" value="Submit!">
</form>
</body>
</html>