Finished build a survey form

This commit is contained in:
bendwit 2025-06-18 09:41:32 +02:00
parent 1878fe66e1
commit 5601267bb9
3 changed files with 52 additions and 11 deletions

View file

@ -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>

View file

@ -1,9 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Survey Form</title>
</head>
<body></body>
</html>

View file

@ -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