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

HTML/XHTML教程
初学web标准的几个误区
表格对决CSS--一场生死之战
XHTML基础问答-给初学者
XHTML基础问答
XHTML 1.0
META标签的奥妙
IE支持的html元素的disable在netscape4.76中的实现
HTML组件(HTML COMPONENTS)之十一
HTML组件(HTML COMPONENTS)之十
HTML组件(HTML COMPONENTS)之九
HTML中的图象标签属性
HTML中的表格元素
HTML中Access Key(存取键)的用法
HTML之字体标记
HTML之影像地图
HTML之图形标记
HTML之特殊字符
HTML之清单标记
使用Web标准建站第7天:CSS入门
使用Web标准建站第6天:XHTML代码规范

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-03   浏览: 54 ::
收藏到网摘: 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的标签对象引用数组