Skip to content

Birmingham | ITP-May-26 | Toluwalase Tiamiyu | Sprint 1 | Form Control #1257

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
TTiamiyu wants to merge 9 commits into from
Closed

Birmingham | ITP-May-26 | Toluwalase Tiamiyu | Sprint 1 | Form Control #1257

Changes from 2 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
ac63a97
Update index.html to enhance form accessibility and improve content c…
TTiamiyu May 12, 2026
71fbe22
errors fixed
TTiamiyu May 24, 2026
aa8d9a8
Update color select element attributes
TTiamiyu May 26, 2026
05e4ad3
Add wireframe images and enhance index.html content for clarity, css …
TTiamiyu May 29, 2026
d55e493
cleaning up to make it look more professional and address some sugges…
TTiamiyu May 29, 2026
09984c0
Merge branch 'CodeYourFuture:main' into Toluwalase-Form-Control
TTiamiyu May 29, 2026
8734a31
html formatted with prettier for enhanced readability,
TTiamiyu May 31, 2026
854ed2d
Delete Wireframe directory
TTiamiyu May 31, 2026
b7f62ac
Fix casing for color and size labels in form and ensure consistent an…
TTiamiyu May 31, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
43 changes: 35 additions & 8 deletions Form-Controls/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,24 +4,51 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>My form exercise</title>
<meta name="description" content="" />
<meta name="description" content="form exercise demonstrating accessible form controls." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<header>
<h1>Product Pick</h1>
<h1>My Store T-shirt Sales</h1>
</header>
<main>
<form>
<!-- write your html here-->
<!--
try writing out the requirements first as comments
this will also help you fill in your PR message later-->
<div>
<label for="name">Name</label>
<input type="text" name="name" id="name" placeholder="Username" required>
</div>

<div>
<label for="email">Email</label>
<input type="email" name="email" id="email" placeholder="Name@example.com" required>
</div>

<div>
<label for="Color">Color</label>
<select name="Select a color" id="Select a color" required>
<option value="" disabled selected>-- select a color --</option>
Comment thread
TTiamiyu marked this conversation as resolved.
Outdated
<option value="Black">Black</option>
<option value="Blue">blue</option>
<option value="Green">green</option>
</select>
</div>

<div>
<label for="size">size</label>
<select name="size" id="size" required>
<option value="" disabled selected> -- select a size --</option>
<option value="XS">XS</option>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
<option value="XL">XL</option>
<option value="XXL">XXL</option>
</select>
</div>
</form>
</main>
<footer>
<!-- change to your name-->
<p>By HOMEWORK SOLUTION</p>
<p>Exercise by Toluwalase Tiamiyu</p>
</footer>
</body>
</html>
Loading