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

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树

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

python+selenium：移除时间控件readonly属性，实现send_keys输入
参考博客: python+selenium:web端关闭时间控件readonly属性,可直接输入[今天][昨天][任意]时间类似这样的时间戳控件: 可以看到控件有:readonly 属性[只读] 一 ...
python时间控件readonly属性_Selenium2+python自动化----js处理日历控件（修改readonly属性）...
前言日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用j ...
python时间控件readonly属性_【Selenium】如何修改只读（readonly属性）元素的值
现状:目前前端Web页面很多都用到了前端框架,如EasyUI.React.jQuery等等,在这样的大前提下,我们在定位元素时经常会遇到各种困难,如元素只读.元素不可见等等,这篇文章我们重点讲一下只读 ...
python时间控件readonly属性_人生苦短，我学python之python+selenium js处理日历控件（修改readonly属性）...
转载于上海-悠悠的博客前言日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性 ...
python时间控件readonly属性_13-js处理日历控件（修改readonly属性）
[TOC] **前言** 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题 ...
zedgraph控件的一些比较有用的属性(转)
(1)zedgraph控件属性具体解释: AxisChange()() ->> This performs an axis change command on the graphPane. ...
Angular form控件原生HTML代码里ng-reflect-form属性和其值的生成时机
简单的Component代码: import { Component } from '@angular/core'; import { FormControl } from '@angular/for ...
PropertyGrid控件分类（Category）及属性（Property）排序
最近在做表单设计器,设计器上的控件都是我们自己封装的,但每个属性类别里的属性是按照属性的拼音排序的,现在想按照PropertyIndex标识进行排序(PropertyIndex的后三位是用来标识编辑器 ...
控件readonly之后的取值
2019独角兽企业重金招聘Python工程师标准>>> 控件设置readonly之后无法在后台取值,这个时候在page_load中动态设置readonly可以解决这个问题使用控件 ...

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

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

最新文章

热门文章