您的位置：首页 > Web前端 > HTML

html input标签的type属性的使用

2015-12-18 09:35 519 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航