mirror of
https://github.com/BenDWit/freecodecamp.git
synced 2025-12-23 15:09:59 +01:00
Finished build a survey form
This commit is contained in:
parent
1878fe66e1
commit
5601267bb9
3 changed files with 52 additions and 11 deletions
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Survey Form</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="title">Survey</h1>
|
||||
<p id="description">description</p>
|
||||
|
||||
<form id="survey-form">
|
||||
<label id="name-label">Name</label><br>
|
||||
<input id="name" name="name" placeholder="name" required type="text"><br><br>
|
||||
|
||||
<label id="email-label">Email</label><br>
|
||||
<input id="email" name="email" placeholder="email" required type="email"><br><br>
|
||||
|
||||
<label id="number-label">Number</label><br>
|
||||
<input id="number" name="number" required type="number" placeholder="number" min="3" max="100"><br><br>
|
||||
|
||||
<label for="dropdown">Choose an option:</label><br>
|
||||
<select id="dropdown" name="dropdown">
|
||||
<option value="A">A</option>
|
||||
<option value="B">B</option>
|
||||
</select><br><br>
|
||||
|
||||
<p>Favorite pet:</p>
|
||||
<label>
|
||||
<input type="radio" name="pet" value="dog"> Dog
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="pet" value="cat"> Cat
|
||||
</label><br><br>
|
||||
|
||||
<p>Preferred device:</p>
|
||||
<label>
|
||||
<input type="radio" name="device" value="laptop"> Laptop
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="device" value="tablet"> Tablet
|
||||
</label><br><br>
|
||||
|
||||
<label for="review">Your feedback:</label><br>
|
||||
<textarea id="review" name="review" rows="4" cols="50"></textarea><br><br>
|
||||
<input type=checkbox value=3 name=3>3</input>
|
||||
<input type=checkbox value=4 name=4>4</input>
|
||||
|
||||
<input type="submit" id="submit" value="Submit">
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Survey Form</title>
|
||||
</head>
|
||||
|
||||
<body></body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue