Lab 1.7: Create a web form which consists of the following components: Create la
ID: 3881234 • Letter: L
Question
Lab 1.7: Create a web form which consists of the following components: Create labels for all web components so users know what to input.. First name: a text field Last name: a text field E-mail address: a text field Phone number: text field State: drop down list (at least ten states, default is NJ) Age group: radio button group (younger than 20, 20-40, 41-60, 60 or older) Membership: checkboxes (AAA, Costco, IEEE, ACM) Comments: Text area Submit button (Register) Reset button : (Clear All) Requirements: All text boxes shall be aligned and have same size Exercise of web form First Name Last Name E-Mail Address Phone Number Resident State: NJ These four text boxes shall be aligned Age Group 0.20 20-40 O 41-60 O Over 60 Membership AAA Costco IEEE ACM Comments Register Start OverExplanation / Answer
<!DOCTYPE html>
<html>
<body>
<form action="/action_page.php">
First name:<br>
<input type="text" name="firstname" value="">
<br>
Last name:<br>
<input type="text" name="lastname" value=" ">
<br>
Email address:<br>
<input type="text" name="email" value="">
<br>
Phone number:<br>
<input type="text" name="email" value="">
<br>
Residential state: <select>
<option>NJ</option>
<option>KT</option>
<option>AP</option>
<option>TN</option>
<option>PD</option>
<option>TL</option>
<option>KK</option>
<option>MP</option>
<option>UP</option>
<option>KT</option>
</select>
<br>
<br>
<form action="/action_page.php">
<input type="radio" name="AGE GROUP" value="0-20" checked> 0-20<br>
<input type="radio" name="AGE GROUP" value="0-20" checked> 20-40<br>
<input type="radio" name="AGE GROUP" value="0-20" checked> 41-60<br>
<input type="radio" name="AGE GROUP" value="0-20" checked> over 60<br>
<br>
Membership:<br><input type="checkbox" name="AAA" value="Bike">AAA
<input type="checkbox" name="vehicle" value="Car" checked>Costco
<input type="checkbox" name="AAA" value="Bike">IEEE
<input type="checkbox" name="vehicle" value="Car" checked>ACM<br>
<br>
Comments<br><textarea rows="4" cols="50" name="comment" form="usrform">
</textarea><br><br>
<input type="submit" value="Register">
<input type="submit" value="Start over"> </div>
</div>
</form>
</form>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.