HTML（hiden控件 readonly disabled）（maxlength属性）(id属性重点)

最新推荐文章于 2022-12-26 07:56:47 发布

wenshao007

最新推荐文章于 2022-12-26 07:56:47 发布

阅读量634

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/wenshao007/article/details/104457493

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

hiden控件
hiden控件，有个隐藏域，
隐藏域：网页上看不到，但是表单提交的时候数据会自动提交给服务器
用处：一些不希望显示在浏览器上的东西，但是在提交的时候希望提交给服务器的东西

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>hiden控件</title>
	</head>
	<body>
		<form >
			<input type="hidden" name="usrid" value="21">
			<br>Customer Code<br>
			<input type="text" name="code">
			<input type="submit" value="提交">
		</form>
	</body>
</html>

readonly 和diabled都是只读，不能修改
示例代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>readonly和disabled</title>
	</head>
	<body>
		<form action="123">
			<br>用户代码<br>
			<input type="text" name = "usrname" value="123" readonly="readonly">
			<br>用户名<br>
			<input type="text" name="name" value="321" disabled="disabled">
			<input type="submit" value="提交">
		</form>
	</body>
</html>

在这里插入图片描述
同样是只读不能修改
readonly 和 disabled 的区别?
区别在于readonly可以提交name和value
disabled提交不了name和value 所以在disabled里面不用写name和value，写了也是无法提交的

3.input的控件的maxlength的属性

<input type = "text" maxlength = "3">

代表最多能在文本框里输入的字符数量，以上代表最多在文本框里输入3个字符数量

3.34
4.HTML语言中的ID属性
（1）.HTML文档当中，任何元素（节点）都有id属性，id属性是该节点的唯一标识。所以同一个HTML文档当中id值不能重复。
（2）.注意：表单提交数据的时候，之和name有关系，和id无关
（3）、id的作用，是让我们快速的获取该元素
以后javascript可以对HTML文档当中的任意节点进行增删改，那么增删之前先拿到这个节点，通常我们通过id来拿结点对象。

5.HTML文档是一颗树，树上有很多节点，每一个节点都有唯一的id

<form id = "myform">
	<input type = "submit" id = "s1">
</form>

在这里插入图片描述
HTML模拟出来的树，DOM树

wenshao007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML（hiden控件 readonly disabled）（maxlength属性）(id属性重点)

hiden控件hiden控件，有个隐藏域，隐藏域：网页上看不到，但是表单提交的时候数据会自动提交给服务器用处：一些不希望显示在浏览器上的东西，但是在提交的时候希望提交给服务器的东西<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>hiden控件<...
复制链接

扫一扫

专栏目录