input标签里面的name与value的区别_XHTML教程-查字典教程网
input标签里面的name与value的区别
input标签里面的name与value的区别
发布时间:2016-12-27 来源:查字典编辑
摘要: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的标签对象引用数组

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新XHTML学习
    热门XHTML学习
    网页设计子分类