input标签里面的name与value的区别
2016-06-22来源:易贤网

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的标签对象引用数组

推荐信息