solution A+ work

profilekingwilly12345
BSA425r1.3_wk4_sample_code.zip

Code/xyz order form.css

/* Below line is write to use Google font online */ @import "http://fonts.googleapis.com/css?family=Ubuntu"; div#main{ width:1045px; height:1045px; margin:0 auto; font-family:'Ubuntu',sans-serif } div#form_sample{ text-align:center; border:1px solid #ccc; width:830px; padding:0 50px 15px; margin-top:20px; box-shadow:0 0 15px; border-radius:6px; float:left } #main h1{ margin-top:40px } hr{ margin-top:-5px } label{ float:left; font-size:16px } input[type="text"]{ width:100%; margin-top:5px; height:10px; margin-bottom:5px; padding:10px; border:3px solid #2BC1F2 } textarea{ width:100%; border:3px solid #2BC1F2; padding:10px; margin-bottom:25px; margin-top:10px; height:100px; resize:none } input[type="submit"]{ width:45%; padding:10px 45px; background-color:#2BC1F2; border:none; color:#fff; font-size:18px; font-weight:700; cursor:pointer; font-family:'Ubuntu',sans-serif } /* ------------------------------------- CSS for Sidebar (optional) ---------------------------------------- */ div#fugo{ float:right }

Code/xyz order form.html

XYZ Online Order Form

Code/xyz order form.js

// Fetching HTML Elements in Variables by ID. var x = document.getElementById("form_sample"); var createform = document.createElement('form'); // Create New Element Form createform.setAttribute("action", ""); // Setting Action Attribute on Form createform.setAttribute("method", "post"); // Setting Method Attribute on Form x.appendChild(createform); var heading = document.createElement('h2'); // Heading of Form heading.innerHTML = "Customer Information "; createform.appendChild(heading); var line = document.createElement('hr'); // Giving Horizontal Row After Heading createform.appendChild(line); var linebreak = document.createElement('br'); createform.appendChild(linebreak); var namelabel = document.createElement('label'); // Create Label for Name Field namelabel.innerHTML = "Your Name : "; // Set Field Labels createform.appendChild(namelabel); var inputelement = document.createElement('input'); // Create Input Field for Name inputelement.setAttribute("type", "text"); inputelement.setAttribute("name", "dname"); createform.appendChild(inputelement); var linebreak = document.createElement('br'); createform.appendChild(linebreak); var streetaddresslabel = document.createElement('label'); // Create Label for Street Address Field streetaddresslabel.innerHTML = "Street Address : "; // Set Field Labels createform.appendChild(streetaddresslabel); var inputelement = document.createElement('input'); // Create Input Field for Street Address inputelement.setAttribute("type", "text"); inputelement.setAttribute("name", "streetaddress"); createform.appendChild(inputelement); var linebreak = document.createElement('br'); createform.appendChild(linebreak); var emaillabel = document.createElement('label'); // Create Label for E-mail Field emaillabel.innerHTML = "Your Email : "; // Set Field Labels createform.appendChild(emaillabel); var inputelement = document.createElement('input'); // Create Input Field for E-mail inputelement.setAttribute("type", "text"); inputelement.setAttribute("name", "demail"); createform.appendChild(inputelement); var linebreak = document.createElement('br'); createform.appendChild(linebreak); var phonelabel = document.createElement('label'); // Create Label for phone Field phonelabel.innerHTML = "Your Phone Number : "; createform.appendChild(phonelabel); var inputelement = document.createElement('input'); // Create Input Field for phone number inputelement.setAttribute("type", "text"); inputelement.setAttribute("name", "dphone"); createform.appendChild(inputelement); var linebreak = document.createElement('br'); createform.appendChild(linebreak); var messagelabel = document.createElement('label'); // Append Textarea messagelabel.innerHTML = "Special Instructions : "; createform.appendChild(messagelabel); var texareaelement = document.createElement('textarea'); texareaelement.setAttribute("name", "dmessage"); createform.appendChild(texareaelement); var messagebreak = document.createElement('br'); createform.appendChild(messagebreak); var submitelement = document.createElement('input'); // Append Submit Button submitelement.setAttribute("type", "submit"); submitelement.setAttribute("name", "dsubmit"); submitelement.setAttribute("value", "Update Customer Information"); createform.appendChild(submitelement);