*(Use a HTML editor of your choice to work on your assignments.) The purpose of this assignment is to practice working with HTML Form elements and newer HTML5 Form attributes. The following screenshot show HTML forms using various form input elements. I have specified the type of each form element for form1, and values for various form element attributes.
Expert Answer
<html>
<head>
<meta charset=”utf-8″>
<title>Form</title>
</head>
<body>
<h1>Payment Form</h1>
<h3 style=”color:red”>All fields are REQUIRED</h3>
<label>First Name</label> <input name=”fname”><br>
<label>Last Name</label> <input name=”lname”><br>
<label>Street Address</label> <input name=”address”><br>
<label>City</label> <input name=”city”><br>
<label>State</label> <input name=”state”><br>
<label>ZIP/Postal Code</label> <input name=”zip”><br>
<label>Credit Card Type</label><br>
<input type=”radio” name=”cardtype” value=”MasterCard”> MasterCard<br>
<input type=”radio” name=”cardtype” value=”VISA”> VISA<br>
<input type=”radio” name=”cardtype” value=”Discover”> Discover<br>
<label>Credit Card Number</label> <input name=”cardNum”><br>
<label>Expiration Date</label>
<select name=”expMonth”>
<option value=”” disabled selected>–Month–</option>
<option value=”Jan”>Jan</option>
<option value=”Feb”>Feb</option>
<option value=”Mar”>Mar</option>
<option value=”Apr”>Apr</option>
<option value=”May”>May</option>
<option value=”Jun”>Jun</option>
<option value=”Jul”>Jul</option>
<option value=”Aug”>Aug</option>
<option value=”Sep”>Sep</option>
<option value=”Oct”>Oct</option>
<option value=”Nov”>Nov</option>
<option value=”Dec”>Dec</option>
</select>
<select name=”expYear”>
<option value=”” disabled selected>–Year–</option>
<option value=”2013″>2013</option>
<option value=”2014″>2014</option>
<option value=”2015″>2015</option>
<option value=”2016″>2016</option>
<option value=”2017″>2017</option>
<option value=”2018″>2018</option>
</select><br>
<label>Special Notes</label><br>
<textarea name=”comment” cols=”30″ rows=”8″ placeholder=”Enter Comment”></textarea><br><br>
<button name=”submit” value=”Submit Payment”>Submit Payment</button>
</body>
</html>