<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery.min.js"></script>
</head>
<body>
<input id="name"></input>
<button onclick="onn()">nihao</button>
<script type="text/javascript">
function onn(){
// var id = $("#name").val()
var id = document.getElementById("name").value
alert(id)
}
</script>
</body>
</html>
id主要是在Javascript中调用，使用<script language="javascript" type="text/javascript">var obj=document.getElementById("ID")</script>名称来获取指定ID的对象同时ID也可以在样式表中使用，如<style type="text/css">#ID｛color:#fff}</style>,可以通过样式来设置ID所指对象的样式，该例指定ID的字体颜色为白色
name主要用于服务器提交时使用，在表单被提交到后台时，可以使用request.form("name")来获取指定名称的对象的值，同时name也可以在javascript进行操作，比如<script language="javascript" type="text/javascript">var obj=document.form1.name</script>这就是表示当前页面，表单名为form1的指定name的对象
value就是指对象的值了，比如使用javascript获取指定对象的值 <script language="javascript" type="text/javascript">var v=document.getElementById("id").value</script>
js中如何获取一个id的值：方法一、
<html>
<head>
<script
language="javascript">
function
print(){
var
a=myform.name.value
alert(a)
}
</script>
</head>
<body>
<form
name="myform">
<input
type="text"
name="name"
id="nn"
/>
<input
type="button"
name="button"
value="获取"
onclick="print()"
/>
</form>
</body>
</html>
这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。
方法二、
Java代码
<html>
<head>
<script
language="javascript">
function
print(){
var
a=document.getElementById("nn").value
alert(a)
}
</script>
</head>
<body>
<form>
<input
type="text"
name="name"
id="nn"
/>
<input
type="button"
name="button"
value="获取"
onclick="print()"
/>
</form>
</body>
</html>
上面的两种方法都可以得到页面里input元素的值，一个是用表单名，一个是用元素id
