手机
当前位置:查字典教程网 >网页设计 >XHTML >input标签里面的name与value的区别
input标签里面的name与value的区别
摘要:type浏览器中用于出入的控件(比方说type="text",这就是一个文本框;type="button",这就是一个按钮)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的标签对象引用数组

【input标签里面的name与value的区别】相关文章:

Form表单中method=post/get两种数据传输的方式的区别

input中id和name属性的区别示例介绍

html中br和br/的区别介绍

a标签是否新开一个页面的问题各大网站的打开情况整理

Input的size与maxlength属性的区别自我理解

关于input的file 控件及美化

HTML中相似的标签和属性的区别详解

ins标签和del标签的属性和用法

HTMLimg标签的alt属性和title属性使用介绍

HTML的结束标签问题与w3c标准

精品推荐
分类导航