*Need the HTML codes that correspond with the instructions. Thank you! Create a
ID: 3698972 • Letter: #
Question
*Need the HTML codes that correspond with the instructions. Thank you!
Create a form for a made up construction company:
The form must fit on the screen without horizontal scrolling and should not touch the edges of the screen.
Questions should all be pertinent to the site topic.
All elements must have labels
labels must align in first column, and elements must align in second column (you can use tables or styles for alignment)
Our new page should contain a survey formseeking to discover customer/viewer preferences (or information related to your project topic) and should include the following:
Make sure your form fits nicely on the screen .
Make sure the elements align properly - use a table with no borders or styles
Explanation / Answer
<!DOCTYPE html>
<html>
<head>
<title>Construction Company Survey</title>
<style>
#content{
margin-left: 20%;
margin-right: 20%;
margin-top: 40px;
margin-bottom: 20px;
}
h2{
text-align: center;
}
div{
margin-top: 20px;
margin-bottom: 20px;
}
table tr td{
padding-left: 10px;
padding-right: 10xs;
padding-top: 10px;
padding-bottom: 10px;
}
</style>
</head>
<body>
<div id="content">
<h2>Construction Company Survey Form</h2>
<form method="" action="">
<table>
<tr>
<td>Name :</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>City : </td>
<td><input type="text" name="city"></td>
</tr>
<tr>
<td>Age : </td>
<td><input type="text" name="age"></td>
</tr>
<tr><td colspan="2">Mutualy exclusive question:</td></tr>
<tr>
<td><input type="radio" name="choice">Choice One</td>
<td><input type="radio" name="choice">Choice Two</td>
</tr>
<tr>
<td colspan="2">Favorite Choices:</td>
</tr>
<tr>
<td><input name="BoxSelect[]" type="checkbox" value="Box 1" required><label>Box 1</label></td>
<td><input name="BoxSelect[]" type="checkbox" value="Box 2" required><label>Box 2</label></td>
</tr>
<tr>
<td><input name="BoxSelect[]" type="checkbox" value="Box 3" required><label>Box 3</label></td>
<td><input name="BoxSelect[]" type="checkbox" value="Box 4" required><label>Box 4</label></td>
</tr>
<tr>
<td><input name="BoxSelect[]" type="checkbox" value="Box 5" required><label>Box 5</label></td>
<td><input name="BoxSelect[]" type="checkbox" value="Box 6" required><label>Box 6</label></td>
</tr>
<tr>
<td><input name="BoxSelect[]" type="checkbox" value="Box 7" required><label>Box 7</label></td>
<td><input name="BoxSelect[]" type="checkbox" value="Box 8" required><label>Box 8</label></td>
</tr>
<tr>
<td>Favorite Choices:</td>
<td>
<select name="cars[]" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select>
</td>
</tr>
</table>
<fieldset>
<legend>Favorite Coffee</legend>
<table>
<tr>
<td><input type="radio" name="choice">Espresso (Short Black)</td>
<td><input type="radio" name="choice">Double Espresso (Doppio)</td>
</tr>
<tr>
<td><input type="radio" name="choice">Short Macchiato</td>
<td><input type="radio" name="choice">Long Macchiato</td>
</tr>
</table>
</fieldset>
<div>
Suggestions<br>
<textarea rows="5" cols="50"></textarea>
</div>
<div>
<input type="button" name="reset" value="Reset">
<input type="submit" name="submit">
</div>
</form>
</div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.