<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Questionnaire for YS402</title>
<!-- CSS -->
<style>
.myForm {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1em;
width: 50em;
padding: 5em;
border: 10px solid #ccc;
}
.myForm * {
box-sizing: border-box;
}
.myForm fieldset {
border: none;
padding: 0;
}
.myForm legend,
.myForm label {
padding: 0;
font-weight: bold;
}
.myForm label.choice {
font-size: 0.9em;
font-weight: normal;
}
.myForm input[type="text"],
.myForm input[type="number"],
.myForm select,
.myForm textarea {
display: block;
width: 100%;
border: 1px solid #ccc;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 0.9em;
padding: 0.3em;
}
.myForm textarea {
height: 100px;
}
.myForm button {
padding: 1em;
border-radius: 0.5em;
background: #eee;
border: none;
font-weight: bold;
margin-top: 1em;
}
.myForm button:hover {
background: #ccc;
cursor: pointer;
}
</style>
</head>
<body>
<form class="myForm" method="get" enctype="application/x-www-form-urlencoded" action="/html/codes/html_form_handler.cfm">
<p>
<label><center><font face="Arial" size="5px">Questionnaire for Oil Conditioning System YS431</font></center>
</label>
</p>
<p>
<label>Oil(Nomenclature)
<input type="text" name="oil" required>
</label>
</p>
<p>
<label>Oil Viscosity
<input type="number" name="visc">
</label>
</p>
<p>
<label>Oil Sp. Heat
<input type="number" name="sp.heat">
</label>
</p>
<p>
<label>Oil Sp. Gravity
<input type="number" name="sp.gravity">
</label>
</p>
<p>
<label>Oil Flash Point (degree Celsius)
<input type="number" name="flash_point">
</label>
</p>
<p>
<label>Engine HP (kW / PS / HP)
<input type="number" name="engineHP">
</label>
</p>
<p>
<label>Engine Sump Capacity (lit)
<input type="number" name="sump_capacity">
</label>
</p>
<p>
<label>Oil Sump Pressure (bar)
<input type="number" name="sump_pressure">
</label>
</p>
<p>
<label>Temperature Requirement(degree celsius)
<input type="number" name="temp_req">
</label>
</p>
<p>
<label>Ambient Temp (degree celsius)
<input type="number" name="ambient_temp">
</label>
</p>
<p>
<label>Shop Water Temp (degree celsius)
<input type="number" name="water temp">
</label>
</p>
<p>
<label>Shop Water Pressure (bar)
<input type="number" name="water_pressure">
</label>
</p>
<p>
<label>Approx. Height of Engine Oil Sump
(max & min levels) from Shop Floor (mm)
<input type="number" name="height_engine_sump">
</label>
</p>
</form>
</body>
</html> |