主页 / 建站知识 /

input标签里面的name与value的区别

建站知识 2021-07-02 22:41www.168986.cn长沙网站建设
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://.w3./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的标签对象引用数组
上一篇：img图片标签赋予alt属性是否需要 下一篇：Xhtml下不常用却很有用的标签

长沙网站设计

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by