input标签里面的name与value的区别
发布时间：2009-09-21 17:07:15 作者：佚名 
我要评论
我要评论type浏览器中用于出入的控件,大家可以简单的看下。
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的标签对象引用数组
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的标签对象引用数组
相关文章
本文主要介绍了html table+css实现可编辑表格的示例代码，主要使用HTML5的contenteditable属性，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习2024-03-06
本文主要介绍了HTML中使用Flex布局实现双行夹批效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习2024-02-22
在网站开发中，登录页面是必不可少的一部分，本文就来介绍一下HTML+CSS实现登录切换，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需2024-02-02
本文主要介绍了HTML+CSS实现全景轮播的示例代码，实现了一个简单的网页布局，其中包含了五个不同的盒子，每个盒子都有一个不同的背景图片，并且它们之间有一些间距，下面就2024-02-02
来到圣诞节了，那么就可以制作一颗HTML的圣诞树送给朋友，没有编程基础的小白也可以按照步骤操作也可以运行起来代码的，喜欢的朋友快来体验吧2023-12-26
如何能把html的<input type="radio" name="option">改成自定义的样式呢？比如想要把他变成正方形，选中的时候是对号,默认的样式太丑了，今天给2023-12-14
这篇文章详细的为大家介绍了HTML以及总结了HTML常用标签，包括标题、段落、图片、链接、列表、表格、表单等,通过代码示例给大家介绍的非常详细,需要的朋友可以参考下2023-11-20- HTML文档声明的作用就是告诉浏览器使用哪种HTML版本来显示网页,文档声明都是再页面中第一行的位置通过DOCTYPE html，下面脚本之家小编就为大家分享一下2023-11-17
- 如果您正在学习HTML，那么您可能需要一些相关的代码来帮助您构建复杂的页面并将其结构化为各种元素,在本文中，我们将分享一些HTML代码片段，这些片段可用于创建各种功能和2023-11-17
CSS 样式既可以作为单独的文件（.css类型的文件）引入到 HTML 文档中，本文主要介绍了HTML嵌入CSS样式的四种实现方法，具有一定的参考价值，感兴趣的可以了解一下2023-11-03
最新评论