Skip to content

Manchester | 25-ITP-Sep | Fatima Rouchi | Sprint 1 | Form Controls #1492

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

Open
fatimarouchi wants to merge 7 commits into
base: main
Choose a base branch
from
+27 −6
Open

Manchester | 25-ITP-Sep | Fatima Rouchi | Sprint 1 | Form Controls #1492

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
70fadbd
ADD label name
fatimarouchi Sep 10, 2026
a8221e6
Add label email
fatimarouchi Sep 10, 2026
f4006e4
Add fieldset for T-shirt color
fatimarouchi Sep 10, 2026
0cb0ba4
add fieldset for tshirt size
fatimarouchi Sep 10, 2026
1e9d2a1
Add fielset size and submit button
fatimarouchi Sep 10, 2026
8dcf268
Change footer name
fatimarouchi Sep 10, 2026
b9f5a28
Correct submit button
fatimarouchi Sep 10, 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
33 changes: 27 additions & 6 deletions Form-Controls/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,15 +13,36 @@ <h1>Product Pick</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-->
<!-- label for the name input -->
<label for="name">Name:</label>
<input type="text" id="name" name="name" required pattern=".*\S.*\S.*"><br><br>

<!-- label for the email input -->
<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>

<!--fieldset for tshirt color-->
<fieldset>
<legend>T-Shirt Color</legend>
<label><input type="radio" id="red" name="tshirt-color" value="red" required>Red</label><br>
<label><input type="radio" id="blue" name="tshirt-color" value="blue" required>Blue</label><br>
<label><input type="radio" id="green" name="tshirt-color" value="green" required>Green</label><br>
</fieldset><br>

<!-- fieldset for tshirt size-->
<fieldset>
<legend>T-Shirt Size</legend>
<label><input type="checkbox" id="extra-small" name="tshirt-size" value="extra-small" required>XS</label><br>
<label><input type="checkbox" id="small" name="tshirt-size" value="small" required>S</label><br>
<label><input type="checkbox" id="medium" name="tshirt-size" value="medium" required>M</label><br>
<label><input type="checkbox" id="large" name="tshirt-size" value="large" required>L</label><br>
<label><input type="checkbox" id="extra-large" name="tshirt-size" value="extra-large" required>XL</label><br>
</fieldset><br>
<button type="submit">Submit</button>
</form>
</main>
<footer>
<!-- change to your name-->
<p>By HOMEWORK SOLUTION</p>
<p>By FATIMA ROUCHI</p>
</footer>
</body>
</html>
Loading