mirror of
https://github.com/BenDWit/freecodecamp.git
synced 2025-12-23 13: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>
|
|
||||||
|
|
@ -1,12 +1,10 @@
|
||||||
# **FreeCodeCamp Progress**
|
# **FreeCodeCamp Progress**
|
||||||
|
|
||||||
|
|
||||||
My Lab's from Freecodecamp.
|
My Lab's from Freecodecamp.
|
||||||
|
|
||||||
This repository contains my completed exercises and projects from [FreeCodeCamp](https://www.freecodecamp.org).
|
This repository contains my completed exercises and projects from [FreeCodeCamp](https://www.freecodecamp.org).
|
||||||
Having already been familiar with HTML and CSS I was able to make fast progress through the early sections.
|
Having already been familiar with HTML and CSS I was able to make fast progress through the early sections.
|
||||||
|
|
||||||
|
|
||||||
## 📘 **My FreeCodeCamp Profile**
|
## 📘 **My FreeCodeCamp Profile**
|
||||||
|
|
||||||
[👉 BenDWit](https://www.freecodecamp.org/bendwit)
|
[👉 BenDWit](https://www.freecodecamp.org/bendwit)
|
||||||
|
|
@ -14,6 +12,7 @@ Having already been familiar with HTML and CSS I was able to make fast progress
|
||||||
## 🧭 **Progress Tracker**
|
## 🧭 **Progress Tracker**
|
||||||
|
|
||||||
### 📁 Certified Full Stack Developer Curriculum
|
### 📁 Certified Full Stack Developer Curriculum
|
||||||
|
|
||||||
- [ ] **HTML**
|
- [ ] **HTML**
|
||||||
- [x] Basic HTML
|
- [x] Basic HTML
|
||||||
- [x] Semantic HTML
|
- [x] Semantic HTML
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue