Homework SourseCreate a html website for a timesheet program basic websiteS
Create a html website for a timesheet program. basic website
Solution
timesheet program
<!DOCTYPE html>
<html lang=\"en\">
<head>
<title> Time Sheet</title>
<meta charset=\"utf-8\">
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
<script type=\"text/javascript\"
src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script>
<script type=\"text/javascript\" src=\"http://code.jquery.com/jquery-1.9.1.min.js\"></script>
<body id=\"public\" class=\"noI\" onorientationchange=\"window.scrollTo(0, 1)\">
<header id=\"header\" class=\"info\">
<h2>Time Sheet</h2>
<div></div>
</header>
<ul>
<li id=\"fo1li19\" class=\"notranslate leftHalf \">
<label class=\"desc\" id=\"title19\" for=\"Field19\">
Employee Name
</label>
<span>
<input id=\"Field19\" name=\"Field19\"
type=\"text\" class=\"field text fn\" value=\"\"
size=\"8\" tabindex=\"1\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field19\">First</label>
</span>
<span>
<input id=\"Field20\" name=\"Field20\"
type=\"text\" class=\"field text ln\" value=\"\"
size=\"14\" tabindex=\"2\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field20\">Last</label>
</span>
</li>
<li id=\"fo1li11\" class=\"rightHalf \">
<label class=\"desc notranslate\" id=\"title11\" for=\"Field11\">
Project Name
</label>
<div>
<select id=\"Field11\" name=\"Field11\"
class=\"field select medium\"
onclick=\"handleInput(this);\" onkeyup=\"handleInput(this);\"
tabindex=\"3\" >
<option
value=\"\"
selected=\"selected\">
<span class=\"notranslate\"></span>
</option>
<option
value=\"Acme Web Site\" >
<span class=\"notranslate\">Acme Web Site</span>
</option>
<option
value=\"Bob's Advertisement\" >
<span class=\"notranslate\">Bob\'s
Advertisement</span>
</option>
<option
value=\"Jill's Video\" >
<span class=\"notranslate\">Jill\'s Video</span>
</option>
</select>
</div>
</li>
<li id=\"fo1li4\" class=\"date notranslate leftHalf \">
<label class=\"desc\" id=\"title4\" for=\"Field4\">
Date
</label>
<span>
<input id=\"Field4-1\" name=\"Field4-1\"
type=\"text\" class=\"field text\"
value=\"\" size=\"2\" maxlength=\"2\"
tabindex=\"4\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field4-1\">MM</label>
</span>
<span class=\"symbol\">/</span>
<span>
<input id=\"Field4-2\" name=\"Field4-2\"
type=\"text\" class=\"field text\"
value=\"\" size=\"2\" maxlength=\"2\"
tabindex=\"5\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field4-2\">DD</label>
</span>
<span class=\"symbol\">/</span>
<span>
<input id=\"Field4\" name=\"Field4\"
type=\"text\" class=\"field text\" value=\"\"
size=\"4\" maxlength=\"4\"
tabindex=\"6\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field4\">YYYY</label>
</span>
<span id=\"cal4\">
</span>
</li>
<li id=\"fo1li7\" class=\"notranslate rightHalf \">
<label class=\"desc\" id=\"title7\" for=\"Field7\">
Rate Per Hour
</label>
<span class=\"symbol\">$</span>
<span>
<input id=\"Field7\" name=\"Field7\"
type=\"text\" class=\"field text currency nospin\"
value=\"\" size=\"10\" tabindex=\"7\"
onkeyup=\"handleInput(this);\"
onchange=\"handleInput(this);\"
/>
<label for=\"Field7\">Dollars</label>
</span>
<span class=\"symbol radix\">.</span>
<span class=\"cents\">
<input id=\"Field7-1\" name=\"Field7-1\"
type=\"text\" class=\"field text nospin\"
value=\"\" size=\"2\" maxlength=\"2\"
tabindex=\"8\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field7-1\">Cents</label>
</span>
</li>
<li id=\"fo1li10\" class=\"time notranslate leftHalf \">
<label class=\"desc\" id=\"title10\" for=\"Field10\">
Start Time
</label>
<span class=\"hours\">
<input id=\"Field10\" name=\"Field10\"
type=\"text\" class=\"field text\" value=\"\"
size=\"2\" maxlength=\"2\"
tabindex=\"9\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field10\">HH</label>
</span>
<span class=\"symbol minutes\">:</span>
<span class=\"minutes\">
<input id=\"Field10-1\" name=\"Field10-1\"
type=\"text\" class=\"field text\"
value=\"\" size=\"2\" maxlength=\"2\"
tabindex=\"10\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field10-1\">MM</label>
</span>
<span class=\"symbol seconds\">:</span>
<span class=\"seconds\">
<input id=\"Field10-2\" name=\"Field10-2\"
type=\"text\" class=\"field text\"
value=\"\" size=\"2\" maxlength=\"2\"
tabindex=\"11\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field10-2\">SS</label>
</span>
<span class=\"ampm\">
<select id=\"Field10-3\" name=\"Field10-3\"
class=\"field select\" style=\"width:4em\"
tabindex=\"12\" onclick=\"handleInput
(this);\" onkeyup=\"handleInput(this);\"
>
<option value=\"AM\" selected=\"selected\">AM</option>
<option value=\"PM\" >PM</option>
</select>
<label for=\"Field10-3\">AM/PM</label>
</span>
</li>
<li id=\"fo1li21\" class=\"time notranslate rightHalf \">
<label class=\"desc\" id=\"title21\" for=\"Field21\">
End Time
</label>
<span class=\"hours\">
<input id=\"Field21\" name=\"Field21\"
type=\"text\" class=\"field text\" value=\"\"
size=\"2\" maxlength=\"2\"
tabindex=\"13\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field21\">HH</label>
</span>
<span class=\"symbol minutes\">:</span>
<span class=\"minutes\">
<input id=\"Field21-1\" name=\"Field21-1\"
type=\"text\" class=\"field text\"
value=\"\" size=\"2\" maxlength=\"2\"
tabindex=\"14\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field21-1\">MM</label>
</span>
<span class=\"symbol seconds\">:</span>
<span class=\"seconds\">
<input id=\"Field21-2\" name=\"Field21-2\"
type=\"text\" class=\"field text\"
value=\"\" size=\"2\" maxlength=\"2\"
tabindex=\"15\"
onkeyup=\"handleInput(this);\" onchange=\"handleInput(this);\"
/>
<label for=\"Field21-2\">SS</label>
</span>
<span class=\"ampm\">
<select id=\"Field21-3\" name=\"Field21-3\"
class=\"field select\" style=\"width:4em\"
tabindex=\"16\" onclick=\"handleInput
(this);\" onkeyup=\"handleInput(this);\"
>
<option value=\"AM\" selected=\"selected\">AM</option>
<option value=\"PM\" >PM</option>
</select>
<label for=\"Field21-3\">AM/PM</label>
</span>
</li>
<li id=\"fo1li9\"
class=\"notranslate \">
<label class=\"desc\" id=\"title9\" for=\"Field9\">
Notes
</label>
<div>
<textarea id=\"Field9\"name=\"Field9\" class=\"field textarea small\" spellcheck=\"true\" rows=\"10\"
cols=\"50\" tabindex=\"17\" onkeyup=\"handleInput(this); \" onchange=\"handleInput(this);\"
></textarea>
</div>
</li>
</div></li>
<li class=\"buttons \">
<div>
<input type=\"hidden\" name=\"currentPage\" id=\"currentPage\" value=\"1=\" />
<input id=\"saveForm\" name=\"saveForm\" class=\"btTxt submit\" type=\"submit\"
value=\"Submit\" onmousedown=\"doSubmitEvents();\" />
</div>
</li>
</body>
</head>
</html>
![Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\](/WebImages/11/create-a-html-website-for-a-timesheet-program-basic-websites-1008062-1761520008-0.webp "Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\")
![Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\](/WebImages/11/create-a-html-website-for-a-timesheet-program-basic-websites-1008062-1761520008-1.webp "Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\")
![Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\](/WebImages/11/create-a-html-website-for-a-timesheet-program-basic-websites-1008062-1761520008-2.webp "Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\")
![Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\](/WebImages/11/create-a-html-website-for-a-timesheet-program-basic-websites-1008062-1761520008-3.webp "Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\")
![Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\](/WebImages/11/create-a-html-website-for-a-timesheet-program-basic-websites-1008062-1761520008-4.webp "Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\")
![Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\](/WebImages/11/create-a-html-website-for-a-timesheet-program-basic-websites-1008062-1761520008-5.webp "Create a html website for a timesheet program. basic websiteSolutiontimesheet program <!DOCTYPE html> <html lang=\")
