-
Notifications
You must be signed in to change notification settings - Fork 0
/
practice.html
38 lines (37 loc) · 2.23 KB
/
practice.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
<title>Basic Forums</title>
</head>
<body>
<form action="destination.html" method="GET">
<fieldset>
<legend>Personal Details : </legend>
<label for="name">Username : </label><input type="text" name="username" id="name" required autofocus placeholder ="Your username" pattern="[a-zA-Z]{3,}" title="Please enter in more than three letters">
<label for="email">Email : </label><input type="text" name="email" id="email" required placeholder="Your Email" pattern="[a-zA-Z]{3,}@[a-zA-Z]{3,}[.]{1}[a-zA-Z]{2,}" title="Please enter in a valid email address">
<label for="phone">Phone :</label><input type="tel" name="phone" id="phone" required placeholder="Please enter in your phone number" pattern="[0-9]{4} [0-9]{3} [0-9]{3}" title="Please enter in a Phone number in this format: #### ### ###">
<select name="Country" required>
<option value=""></option>
<option value="US">US</option>
<option value="UK">UK</option>
<option value="AUS">AUS</option>
</select>
</fieldset>
<br>
<fieldset>
<legend>Booking Details : </legend>
<label for="date">Booking Date : </label><input id="date" type="date" name="date" min="2023-09-25">
<label for="numberOfGuests">Number of Guests : </label><input id="numberOfGuests" type="number" name="numberOfGuests" min="1" max="6">
<p>Do you require meals?</p>
<label for="yesMeals">Yes : </label><input id="yesMeals" type="radio" name="meals" value="yesMeals">
<label for="noMeals">No : </label><input id="noMeals" type="radio" name="meals" value="noMeals">
<br>
<br>
<label for="balcony">Do you require a balcony? </label><input id="balcony" type="checkbox" name="balcony" value="yes" checked>
<br>
<br>
<input type="image" src="D:\JavaScript\BlackJack\BlackJack.jpg" width="80" height="40" alt="Submit">
</fieldset>
</form>
</body>
</html>