Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: Name: E-mail: Comments: CSS: form { background-color:#eaeaea; font-family: Arial, sans-serif; padding: lOpx; } label { float: left; width: 100px; clear: left; text-align: right; padding-right: lOpx; margin-top: lOpx; } input, textarea { margin-top: lOpx; display: block; } #mySubmit { margin-left: 110px; }
Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture.
To create and style this form, copy the following HTML and CSS code exactly as follows:
HTML:
<form>
<label for="myName">Name:</label>
<input type="text" name="myName" id="myName">
<label for="myEmail">E-mail:</label>
<input type="text" name="myEmail" id="myEmail"›
<label for="myComments">Comments:</label>
<textarea name="myComments" id="myComments" rows="2" cols="20"></textarea>
<input id="mySubmit" type="submit" value="Submit"›
</form>
CSS:
form { background-color:#eaeaea;
font-family: Arial, sans-serif;
padding: lOpx; }
label { float: left;
width: 100px;
clear: left;
text-align: right;
padding-right: lOpx;
margin-top: lOpx; }
input, textarea { margin-top: lOpx;
display: block; }
#mySubmit { margin-left: 110px; }
Step by step
Solved in 4 steps with 1 images
