I have the following code, which validates correctly as XHTML Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function showNumber() {
//display the current date and time
document.clockform.number.value = 5;
}
</script>
</head>
<body onload="showNumber()">
<form name="clockform" id="clockform" action="">
<p>Today's number:
<input size="12" id="number" name="number" />
</p>
</form>
</body>
</html>
However, I want to convert my document to XHTML Strict, so I decided to remove the "name" attribute and only use the "id" attribute instead. Here is what I changed:
<form id="clockform" action="">
<p>Today's number:
<input size="12" id="number" />
</p>
</form>
But now, my Javascript code doesn't work anymore. There is no number displayed on the text field. How do I get my Javascript code to work without using the name attribute?
