-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (55 loc) · 3.07 KB
/
index.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
<head>
<title>Forms</title>
<link rel="stylesheet" href="includes/style.css">
<script src="includes/main.js" async></script>
</head>
<body>
<div class="subscribe-wrapper">
<h1>Hey Lady !<br> Join Our Barbie Club</h1>
</div>
<br><br><br><br><br><br><br><br><br>
<br><br><br>
<form action="http://html5-book.co.il/teach/forms/get_form2.php" method="get">
<p><label>Full Name:<input required title="you forgot to fill it" id="full_name" name="fullName" value=""></label></p><br>
<p><label>Barbie password:<input type="password" pattern="([a-z0-9]{6})" title="password must be six notes
with digits between 0-9 and a lower case letters." name="pass" value=""></label></p><br>
<p><label>E-Mail:<input type="email" name="mail" value=""></label></p><br>
<p><label>Your pink Website:<input type="url" name="website" value=""></label></p><br>
<p><label>Your Glitter Phone:<input type="tel" name="phone" value=""></label></p><br>
<p><label>Amount of shoes you have?<input type="number" name="coffee" value=""></label></p><br>
<p><label>You look now from 1 to 10?0<input type="range" name="temper" value="5" min="0" max="10">10</label></p><br>
<p><label>Address of your ken:<textarea name="address" rows="4" cols="35"></textarea></label></p><br>
<p><fieldset> <legend> Hobbies:</legend>
<label> Makeup <input type="checkbox" name="interests[]" value="makeup"></label><br>
<label>Shooping<input type="checkbox" name="interests[]" value="shooping"></label><br>
<label>Sleeping<input type="checkbox" name="interests[]" value="Sleeping"></label><br>
<label> Party with your friens<input type="checkbox" name="interests[]"
value="party with your friends"></label><br>
</fieldset>
</p>
<p> <fieldset> <legend> Whats your fav color? </legend><br>
<label> pink <input type="radio" name="gender" value="pink"> </label><br>
<lable> pink.im sorry.you have got no other options <input type="radio" name="gender"
value="pink"></lable><br>
</fieldset></p><br>
<p><label>Age:
<select name="age">
<label>10-25<option value="10-25" selected>10-25</option></label>
<label>25-35<option value="25-35">25-35</option></label>
<label>35-45<option value="35-45">35-45</option></label>
<label>Babe there is a limit.now you are a super barbie.<option
value="babe there is a limit">Babe there is a
limit.now you are a super barbie.</option></label>
</select></label></p>
<br>
<br>
<p><label>Click barbie for submit! and have a lovely pink(ish) day</label></p>
<br>
<br>
<input type="image" src="images/barbie.jpg">
</form >
<section id="privateNameMission"></section>
</body>
</html>