当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > input标签里面的name与value的区别

HTML/XHTML教程
网页设计师如何应对客户无理要求
打开网页速度提升的简单而有效的方法
让IE8启动IE7兼容模式的简便代码
HTML的sub,sup标签制作电子商务网站中的价格
IE9关键字:硬件渲染,新的JS引擎,CSS,标准
让IE支持HTML5办法
HTML教程:HTML的10个表格相关标记
HTML教程:网页页面切换的各种效果
网页制作掌握的最常用的HTML标记
应该怎样把HTML结构化
XHTML基础教程:xhtml的块级标记
网页页面实现自动刷新的3种代码
网页制作教程:TD也可以溢出隐藏显示
网页设计教程:TabIndex元素
微软:IE9与HTML 5的关系
HTML设备标识符可以让用户使用网页与摄像头等硬件设备打交道
HTML5和CSS3的一些新变化
超级链接标记A的TARGET属性详解
语义化的网页:XHTML语义化标记
理论知识:PSD模板切成HTML的正确操作

HTML/XHTML教程 中的 input标签里面的name与value的区别


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-03   浏览: 44 ::
收藏到网摘: n/a

type浏览器中用于出入的控件(比方说type="text",这就是一个文本框;type="button",这就是一个按钮)
type可选的值如下:
button 按钮
checkbox 复选按钮组件
file 文件上传组件
hidden 隐藏域
image 图片区域
password 密码输入文本框
radio 单选按钮组件
reset 重置表单按钮
submit 提交表单按钮
text 文本输入框
***********************************************************************
id是唯一标识符,不允许有重复值(类似数据表的主键,pk),可以通过它的值来获得对应的html标签对象。(如果在同一页面代码中,出现重复的id,会导致不可预料的错误)
js代码:document.getElementById("id_value")
根据指定的id获得它的对象引用
***********************************************************************
name和id的功能是一样的,同样用来标识html标签,但唯一不同的是name允许有重复的值。
js代码:document.forms[0].name或document.getElementsByName("name")
根据指定的name获得它的对象引用数组
***********************************************************************
value代表某个html标签的值
打个比方:<input type="text" name="seq" value="hello!" id="seq007" />
你将看到网页中文本框的内容为“hello!”
///////////////////////////////////////////////////////////////////////
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script>

</script>
</head>
<body>
<form>
<input type="text" name="seq" value="" id="seq001" />
<input type="text" name="seq" value="" id="seq002" />
<input type="text" name="seq" value="" id="seq003" />
</form>
</body>
</html>
///////////////////////////////////////////////////////////////////////
document.getElementById("seq001")获得的是id=seq001的这个对象标签的引用
document.forms[0].seq
将返回网页中第一个表单里面所有name=seq的标签对象引用数组
document.getElementsByName("seq")
将返回网页中所有name=seq的标签对象引用数组