Skip to content

Commit

Permalink
Class Activity 4
Browse files Browse the repository at this point in the history
  • Loading branch information
@dDevAhmed
dDevAhmed committed May 23, 2024
1 parent 618abe7 commit f63ff08
Show file tree
Hide file tree
Showing 5 changed files with 137 additions and 4 deletions.
82 changes: 82 additions & 0 deletions Class_activity_4.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!--
Create a feedback form with the following requirements:
1- Username
2- Password
3- Email
4- Month
5- Time
6- Drop down
7- Text area
8- File
9- Radio button (male female)
10-Submit
Note: Give a heading to your form
-->

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Feedback</title>
</head>

<body>
<h3>Class Activities</h3>
<a href="index.html">Home page</a> |
<a href="class_activity_1.html">Class Activity 1</a> |
<a href="class_activity_2.html">Class Activity 2</a>
<a href="class_activity_3.html">Class Activity 3</a>
<a href="class_activity_4.html">Class Activity 4</a>

<br><br>

<!-- I am here to collect feedback -->
<form action="">
<fieldset>
<h3>Feedback Form</h3>
<input type="text" placeholder="username">
<br><br>
<input type="password" placeholder="password">
<br><br>
<input type="email" placeholder="email">
<br><br>
<select name="month" id="">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<input type="time">
<br><br>
<select name="" id="">
<option value="">Tea</option>
<option value="">Fruit Juice</option>
<option value="">Yoghurt</option>
</select>
<br><br>
<textarea name="Description" id="" rows="5" cols="50"
placeholder="Enter your description here..."></textarea>
<br><br>
<input type="file" name="gender" id="">
<br><br>
<label> Male
<input type="radio" name="gender" id="" value="male">
</label>
<label> Female<input type="radio" name="gender" id="" value="female"></label>
<br><br>
<button type="submit">Submit</button>
</fieldset>
</form>
</body>

</html>
1 change: 1 addition & 0 deletions class_activity_1.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ <h3>Class Activities</h3>
<a href="class_activity_1.html">Class Activity 1</a> |
<a href="class_activity_2.html">Class Activity 2</a>
<a href="class_activity_3.html">Class Activity 3</a>
<a href="class_activity_4.html">Class Activity 4</a>

<!-- Question 1 -->
<h3>List of foods I like</h3>
Expand Down
5 changes: 5 additions & 0 deletions class_activity_2.html
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
<!--
1. create a login form with username, password, date fields and a submit button
-->

<!DOCTYPE html>
<html lang="en">

Expand All @@ -15,6 +19,7 @@ <h3>Class Activities</h3>
<a href="class_activity_1.html">Class Activity 1</a> |
<a href="class_activity_2.html">Class Activity 2</a>
<a href="class_activity_3.html">Class Activity 3</a>
<a href="class_activity_4.html">Class Activity 4</a>

<form>
<h3>Enter your bio</h3>
Expand Down
1 change: 1 addition & 0 deletions class_activity_3.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,7 @@ <h3>Class Activities</h3>
<a href="class_activity_1.html">Class Activity 1</a> |
<a href="class_activity_2.html">Class Activity 2</a>
<a href="class_activity_3.html">Class Activity 3</a>
<a href="class_activity_4.html">Class Activity 4</a>

<h1>My Favorite Book</h1>
<p>This activity is to identify 5 html tags that will be included in designing the site for <mark>my favorite
Expand Down
52 changes: 48 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@ <h3>Class Activities Links</h3>
<a href="class_activity_1.html">Class Activity 1</a> |
<a href="class_activity_2.html">Class Activity 2</a>
<a href="class_activity_3.html">Class Activity 3</a>
<a href="class_activity_4.html">Class Activity 4</a>

<br><br>

Expand Down Expand Up @@ -201,11 +202,54 @@ <h3>Emoji</h3>

<h3>Html Entity</h3>
<ol>
<li><p>less than: &lt;</p></li>
<li><p>greater than: &gt;</p></li>
<li><p>copyright: &copy;</p></li>
<li><p>trade mark: &trade;</p></li>
<li>
<p>less than: &lt;</p>
</li>
<li>
<p>greater than: &gt;</p>
</li>
<li>
<p>copyright: &copy;</p>
</li>
<li>
<p>trade mark: &trade;</p>
</li>
</ol>

<h3>Html Form</h3>
<form action="">
<fieldset>
<caption>form in a fieldset element</caption>
<br><br>
<label for="name"></label>
<input type="text" name="name" placeholder="name">
<br><br>
<label for="surname"></label>
<input type="text" name="surname" placeholder="surname">
<br><br>
<label> Male
<input type="radio" name="gender" id="" value="male">
</label>
<label> Female<input type="radio" name="gender" id="" value="female"></label>
<br>
<p><b>Select you favorite food</b></p>
<label>Tuwo <input type="checkbox" name="favorite-food" id=""></label>
<label>Curry Rice<input type="checkbox" name="favorite-food" id=""></label>
<label>Fried Potatoes<input type="checkbox" name="favorite-food" id=""></label>
<label>Pounded Yam<input type="checkbox" name="favorite-food" id=""></label>
<br><br>
<textarea name="Description" id="" rows="5" cols="50" placeholder="Enter your description here..."></textarea>
<br><br>
<input type="file" name="gender" id="">
<br><br>
<select name="prefered" id="">
<option value="1">Tea</option>
<option value="1">Yoghurt</option>
<option value="1">Fruit Juice</option>
</select>
</fieldset>
</form>

</body>

</html>

0 comments on commit f63ff08

Please sign in to comment.