<html>
<head>
<title>求圆的面积</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript" language="javascript">
<!--
function area()
{
var myArea = 2 * myform.myR.value * Math.PI;
alert("圆面积为:"+myArea);
}
-->
</script>
</head>
<body>
<form name="myform">
请输入圆的半径:<input type="text" name="myR" size="4">
<input type="button" value="确定" onclick="area()">
</form>
</body>
</html>
一般情况下都是用id 像checkbox radio用name标识是一个组的,还有些人id name都用,但是id name相同的
<input type="text" id="myR" name="myR" size="4">
<input type="text" id="myR" size="4">
var myarea=document.getElementById("myR").value;
我把您的HTML改成了XHTML Strict的了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>求圆的面积</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<script type="text/javascript">
<!--
function area()
{
var myArea =2* myform.myR.value * Math.PI;
alert("圆面积为:"+myArea);
}
-->
</script>
</head>
<body>
<form action="" id="myform">
<fieldset>
请输入圆的半径:
<input type="text" id="myR" name="myR" size="4"/>
<input type="button" value="确定" onclick="area()"/>
</fieldset>
</form>
</body>
</html>
说明一下:
javascript 暂不涉及
如果你用js的话,用id吧,name貌似是为了向前兼容的,不过现在的服务器端技术(ASP.NET,我只能拿这个做例子)生成的控件里面有些是id和name都有的,比如说Button控件。
一般都会用id
假如定义多个相同"id"时,document.getElementById("")只会获得一个元素
假如定义多个相同"name"时,document.getElementByName("")会获得多个元素