Skip to content

Manchester | 26-ITP-Sep | Rahana Suleiman | Sprint 1 | Form Controls #1508

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
rahanasuleiman8-ship-it wants to merge 11 commits into
base: main
Choose a base branch
from
+58 −2
Open

Manchester | 26-ITP-Sep | Rahana Suleiman | Sprint 1 | Form Controls #1508

Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
cd4ea31
Added customer's name
rahanasuleiman8-ship-it Sep 12, 2026
2c39ea2
Added customer's email
rahanasuleiman8-ship-it Sep 12, 2026
3b8a093
Added colors for customers to choose from
rahanasuleiman8-ship-it Sep 12, 2026
a09b4fc
Added sizes so customers can choose from
rahanasuleiman8-ship-it Sep 12, 2026
bc52e75
Added my name
rahanasuleiman8-ship-it Sep 12, 2026
6ccbc57
Added required to my color select element
rahanasuleiman8-ship-it Sep 12, 2026
f518db6
Added the submit button
rahanasuleiman8-ship-it Sep 12, 2026
61edb68
Added an option for size selection
rahanasuleiman8-ship-it Sep 12, 2026
3ee1bfc
Added comments to my HTML
rahanasuleiman8-ship-it Sep 12, 2026
e71f2fb
Added some indentation
rahanasuleiman8-ship-it Sep 12, 2026
03a96d4
Added line breaks for some spacing
rahanasuleiman8-ship-it Sep 12, 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
60 changes: 58 additions & 2 deletions Form-Controls/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
Expand All @@ -17,11 +17,67 @@ <h1>Product Pick</h1>
<!--
try writing out the requirements first as comments
this will also help you fill in your PR message later-->

<!-- TODO1: Customer name -->
<div>
<label for="name">Full Name:</label>
<input
type="text"
name="name"
id="name"
placeholder="Enter Your Name"
required
pattern=".*\S.*\S.*"
/>
<br><br>
</div>

<!-- TODO2: Customer email -->
<div>
<label for="email">Enter Your Email:</label>
<input
type="email"
id="email"
name="email"
placeholder="Email"
required
/>
<br><br>
</div>

<!-- TODO3: Colors to choose from -->
<div>
<label for="color">Color</label>
<select name="color" id="color" required>
<option value="">Please choose a color</option>
<option value="navy">Navy</option>
<option value="sage green">Sage Green</option>
<option value="charcoal">Charcoal</option>
</select>
<br><br>
</div>

<!-- TODO4: Sizes to choose from -->
<div>
<label for="size">Choose a Size</label>
<select name="size" id="size" required>
<option value="">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>
<br><br>
</div>

<button type="submit">Submit</button>
</form>
</main>
<footer>
<!-- change to your name-->
<p>By HOMEWORK SOLUTION</p>
<p>By RAHANA SULEIMAN</p>
</footer>
</body>
</html>
Loading