Skip to content

London | 26-ITP-January | Rawan Almutairi | Sprint 2 | FormControls #1192

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
Rawan-Al0-0 wants to merge 14 commits into
base: main
Choose a base branch
from
+85 −89
Open

London | 26-ITP-January | Rawan Almutairi | Sprint 2 | FormControls #1192

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
085738b
I Added a background image and fixed the footer
Rawan-Al0-0 Feb 20, 2026
3d76a60
I added changes to the html file
Rawan-Al0-0 Feb 20, 2026
367aee2
I added some changes to the html files
Rawan-Al0-0 Feb 20, 2026
5e544ff
Delete Wireframe/background image.jpg
Rawan-Al0-0 Feb 20, 2026
111783b
Delete Wireframe/branch.svg
Rawan-Al0-0 Feb 20, 2026
f80e8f7
Delete Wireframe/index1.html
Rawan-Al0-0 Feb 20, 2026
15385a5
Delete Wireframe/placeholder2.svg
Rawan-Al0-0 Feb 20, 2026
4605bea
Delete Wireframe/placeholder3.svg
Rawan-Al0-0 Feb 20, 2026
7aa227d
Delete Wireframe/style.css
Rawan-Al0-0 Feb 20, 2026
7201d77
Delete Wireframe/wireframe image.png
Rawan-Al0-0 Feb 20, 2026
5d265dc
Delete Wireframe/readme.md.png
Rawan-Al0-0 Feb 20, 2026
57e9b20
Remove image from index1.html
Rawan-Al0-0 Feb 21, 2026
2a9e7c8
Delete Form-Controls/t-shirt.jpg
Rawan-Al0-0 Feb 21, 2026
79bfe45
Delete Form-Controls/t-shirt1.jpg
Rawan-Al0-0 Feb 21, 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
85 changes: 85 additions & 0 deletions Form-Controls/index1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>My form exercise</title>
<meta name="form-controls" content="This page contains a product web form">
&gt;
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<header>
<h1>Product Pick</h1>
</header>
<main>
<!-- autocomplete attribute-->

<form action="/action_page.php" method="get" autocomplete="on"></form><!-- write your html here-->
<!--
try writing out the requirements first as comments
this will also help you fill in your PR message later-->

<!--the minlength and maxlength attribute-->
<p>Enter Your Name!</p>
<label for="fname">First Name:</label>
<input type="text" id="fname" name="fname" required=""><br><br>

<label for="lname"> Last Name:</label>
<input type="text" id="lname" name="lname" minlength="2" maxlength="10" pattern="[A-Z][a-z]"><br><br>



<label for="email">Enter Your Email:</label>
<input type="email" id="email" name="email" autocomplete="on"><br><br>





<p>select a color for your t-shirt:</p>

<label for="color1"> Red</label>
<input type="checkbox" id="color1" name="color1" style="font-size: 23px; margin-left: 12px;" value="Red"><br><br>
<label for="color2"> Blue</label>
<input type="checkbox" id="color2" name="color2" style="font-size: 23px; margin-left: 10px;" value="Blue"><br><br>
<label for="color3"> Black</label>
<input type="checkbox" id="color3" name="color3" value="Black"><br><br>
<!--
<P>Select a size for your t-shirt:</p>
<input list="size" name="sie">
<datalist id="size">
<option value="xs"></option>
<option value="s"></option>
<option value="m"></option>
<option value="l"></option>
<option value="xl"></option>
</datalist>
-->
<!--the radio buttons-->
<!-- fixing the touch target size-->
<input type="radio" id="xs" name="size" style="min-width:24px; min-height:24px; padding:8px 12px; margin:4px;font-size: 24px; margin-left: 20px;" value="XS">
<label for="xs">XS</label><br>
<input type="radio" id="s" name="size" style="min-width:44px; min-height:24px; padding: 8px 12px; margin:4px;font-size: 24px; margin-left: 10px;" value="S">
<label for="s">S</label><br>
<input type="radio" id="m" name="size" style="min-width:44px; min-height:24px; padding: 8px 12px; margin:4px;font-size: 24px; margin-left: 10px;" value="M">
<label for="m">M</label><br>
<input type="radio" id="l" name="size" style="min-width:44px; min-height:24px; padding: 8px 12px; margin:4px;font-size: 24px; margin-left: 10px;"value="L">
<label for="l">L</label><br>
<input type="radio" id="xl" name="size" style="min-width:44px; min-height:24px; padding: 8px 12px; margin:4px;font-size: 24px; margin-left: 10px;"value="XL">
<label for="xl">XL</label><br>

<input type="submit" style="font-size: 15px; margin-top: 15px; width: 60px; value= Submit">



</main>
<footer>
<!-- change to your name-->
<h2>Rawan</h2>
</footer>


</body></html>
89 changes: 0 additions & 89 deletions Wireframe/style.css
View file
Open in desktop

This file was deleted.

Loading