Skip to content

Commit 82178a3

Browse files
Daniel1000cDaniel1000c
committed
add form api.html with form elements"
1 parent fb4eaa9 commit 82178a3

File tree

1 file changed

+71
-0
lines changed

1 file changed

+71
-0
lines changed

‎formapi/formAPI.html‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
<!DOCTYPE html>
2+
<html lang="en-us">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Form API</title>
6+
<link rel="stylesheet" href="css/style.css">
7+
<link rel="icon" type="image/x-icon" href="favicon/favicon.ico"><!--Link to favicon-->
8+
</head>
9+
<body>
10+
<header>
11+
<h1>Form API</h1>
12+
</header>
13+
<main>
14+
<!--Insert form here-->
15+
<form action="">
16+
<!--Insert form title-->
17+
<h2>Please Fill Out the Form</h2>
18+
19+
<!--Prompt the user for first name-->
20+
<label for="firstName">First Name:</label> <br>
21+
<input type="text" id="firstName" name="firstName"> <br>
22+
23+
<!--Prompt the user for last name-->
24+
<label for="lastName">Last Name:</label> <br>
25+
<input type="text" id="lastName" name="lastName"> <br>
26+
27+
<!--Prompt the user for email-->
28+
<label for="email">Email:</label> <br>
29+
<input type="email" id="email" name="email"> <br>
30+
31+
<!--Prompt the user for phone number-->
32+
<label for="phoneNumber">Phone Number:</label> <br>
33+
<input type="tel" id="phoneNumber" name="phoneNumber"> <br>
34+
35+
<!--Prompt the user for address-->
36+
<label for="address">Address:</label> <br>
37+
<input type="text" id="address" name="address"> <br>
38+
39+
<!--Prompt the user for age-->
40+
<label for="age">Age:</label> <br>
41+
<input type="number" id="age" name="age"> <br>
42+
43+
<!--Prompt the user for year in school -->
44+
<label for="yearInSchool">Year in School:</label> <br>
45+
<input type="number" id="yearInSchool" name="yearInSchool"> <br>
46+
47+
<!--Prompt the user for subject line-->
48+
<label for="subjectLine">Subject Line:</label> <br>
49+
<input type="text" id="subjectLine" name="subjectLine"> <br>
50+
51+
<!--Prompt the user for message-->
52+
<label for="message">Message:</label> <br>
53+
<textarea id="message" name="message"></textarea> <br>
54+
55+
<!--Prompt the user for file upload-->
56+
<label for="fileUpload">File Upload:</label> <br>
57+
<input type="file" id="fileUpload" name="fileUpload"> <br>
58+
59+
<div class="buttonContainer">
60+
<!--Submit button-->
61+
<input type="submit" value="Submit">
62+
</div>
63+
64+
65+
</form>
66+
</main>
67+
<footer>
68+
&copy; 2024 ScriptLab All Rights Reserved
69+
</footer>
70+
</body>
71+
</html>

0 commit comments

Comments
 (0)