Answered! *(Use a HTML editor of your choice to work on your assignments.) The purpose of this assignment is to practice…

*(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.

Firefox pital Co... 3 HTML Form. Payment Form All fields are REQUIRED First Name Last Name Street Address City State ZIP/Postal Code Credit Card Type MasterCard VISA Discover Credit Card Number Expiration Date-Month Special Notes enter notes here Submit Payment submit value Submit Payment Purchase... x ea textarea name Comment cols 30 rows 8 placeholder Enter comment textbox name fname textbox name name textbox name address textbox name city textbox name State textbox name Zip radio cardtype name valuez MasterCard radio name cardtype value VISA radio name cardtype value Discover text name cardnum select name expMonth Dec) select name expYear options (2013, 2014, 2018)

Expert Answer

 <!DOCTYPE html>

<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>&nbsp;<input name=”fname”><br>
<label>Last Name</label>&nbsp;<input name=”lname”><br>
<label>Street Address</label>&nbsp;<input name=”address”><br>
<label>City</label>&nbsp;<input name=”city”><br>
<label>State</label>&nbsp;<input name=”state”><br>
<label>ZIP/Postal Code</label>&nbsp;<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>&nbsp;<input name=”cardNum”><br>
<label>Expiration Date</label>&nbsp;
<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>

Still stressed from student homework?
Get quality assistance from academic writers!