input输入框内容只读

有的时候一些固定的数据只能观看而无法修改,那麽我们如何设置呢?

设置input输入框内容的只读性在此我总结了两个方法。

效果演示

在这里插入图片描述
确实进行了选中修改添加文本内容等操作,但是数据始终是无法修改的。

方法一

readonly属性

使用方法

<input type="text" value="admin" readonly="readonly" />
方法二

disabled属性

使用方法

<input type="text" value="admin" disabled="disabled" />

属性对比

readonly:只针对input(text / password)和textarea有效;如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点,并且在提交表单的时候,该输入项会作为form的一项提交。

disabled:对于所有的表单元素都有效,包括select, radio, checkbox, button等。如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效,最重要的一点是当提交表单时,这个表单输入项将不会被提交。

获取更多关注我呦!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/565781.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【OpenCV 例程200篇】96. 谐波平均滤波器

【OpenCV 例程200篇】96. 谐波平均滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3. 仅噪声存在的空间滤波图像复原 当一幅图像中唯一存在的退化是噪声时&#xff0c;退化模型简化为&a…

SQL Server第一次上机操作实例:用sql语句创建BBS数据库、表、约束以及建立其数据库关系图

训练技能点&#xff1a; 学会使用sql语句创建数据库、表、约束、建立数据库关系图 使用到的软件&#xff1a;SQL Server2008 代码如下&#xff1a; use master go if exists(select * from sysdatabases where nameBBS) --判断BBS库是否存在&#xff0c;若存在则先删除drop…

【OpenCV 例程200篇】97. 反谐波平均滤波器

【OpenCV 例程200篇】97. 反谐波平均滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3. 仅噪声存在的空间滤波图像复原 当一幅图像中唯一存在的退化是噪声时&#xff0c;退化模型简化为…

xampp命令行连接MySql数据库

使用xampp工具连接MySql数据库。 对于MySql数据库的操作通常是使用命令行进行有关操作的&#xff08;增删改查&#xff09; 1.打开xampp 2.点击打开MySql后面的Start,同样点击打开Apache后面的Start 这时候MySql服务就打开了 3.接下来打开我们的命令行&#xff0c;点击右边…

【OpenCV 例程 200篇】98. 统计排序滤波器

【OpenCV 例程 200篇】98. 统计排序滤波器 欢迎关注 『OpenCV 例程 200 篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3.5 统计排序滤波器 统计排序滤波器是空间滤波器&#xff0c;其响应是基于滤波器邻域中的像素值的…

避坑!!!Matlab中文版下载地址、详细讲解Matlab中文版的下载、安装

免费下载windows Matlab2016中文版、Matlab2017中文版、Matlab2018中文版、Matlab2019中文版、Matlab2020中文版 如下图&#xff1a; 下载地址&#xff1a; 百度网盘链接&#xff1a;****&#xff08;请私信或评论我&#xff0c;过不了审&#xff09; 提取码&#xff1a;*…

MySql 查询显示

使用命令行进行查询数据库&#xff0c;查询数据表&#xff0c;查询数据表内容。 1.打开命令行 2.连接MySql数据库 连接成功如下图所示 3.查询显示所有数据库 查询所有数据库 语句&#xff1a; show databases; 4.选择使用的数据库 选择(使用)数据库 语句&#xff1a; use t…

【OpenCV 例程200篇】100. 自适应局部降噪滤波器

【OpenCV 例程200篇】100. 自适应局部降噪滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3.7 自适应局部降噪滤波器 前述滤波器直接应用到图像处理&#xff0c;并未考虑图像本身的特征…

【OpenCV 例程200篇】99. 修正阿尔法均值滤波器

【OpenCV 例程200篇】99. 修正阿尔法均值滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3.6 修正阿尔法均值滤波器&#xff08;Modified alpha-mean filter&#xff09; 修正阿尔法均值…

Vue 过滤数据

利用hash过滤数据。 效果演示 初始样式 点击 将三种字体分别设置为相对应的颜色&#xff0c;使用hash过滤器&#xff0c;不管点击那个颜色的字体时都会显示成红色。 在开始我们的代码之前请注意&#xff1a; 引入Vue.js架包 代码演示 <!DOCTYPE html> <html la…

SQL Server数据库关系图中,此数据库没有有效所有者......的两种解决办法

导语&#xff1a; 在建立数据库关系图时&#xff0c;你是否遇到了这样得问题&#xff1a;“此数据库没有有效所有者&#xff0c;因此无法安装数据库关系图支持对象。若要继续…”&#xff0c;如下图&#xff1a; 别急&#xff0c;有如下两种方法解决这个问题&#xff1a;&…

【youcans 的 OpenCV 学习课】8. 频率域图像滤波(上)

专栏地址&#xff1a;『youcans 的图像处理学习课』 文章目录&#xff1a;『youcans 的图像处理学习课 - 总目录』 【youcans 的 OpenCV 学习课】8. 频率域图像滤波&#xff08;上&#xff09; 图像滤波是在尽可能保留图像细节特征的条件下对目标图像的噪声进行抑制&#xff0…

内容添加列表

在输入框输入内容点击Enter按钮时你输入的内容会显示到下方列表中&#xff0c;并且会在内容之后显示出添加的时间。 效果演示 初始样式 输入内容按Enter添加到列表 在程序开始之前请注意&#xff1a; 一定要引入Vue.js架包 代码演示 <!DOCTYPE html> <html lang…

备忘录

用Vue实现备忘录功能。 程序分析&#xff1a; 1.显示时间 2.添加内容 3.删除内容 4.修改内容 5.双向绑定 效果演示 初始样式 点击修改显示内容出现在输入框中 修改之后点击完成 点击删除 看了上述效果有没有心动的感觉呢&#xff1f;&#xff1f;&#xff1f; 在程序开…

【OpenCV 例程 300 篇】101. 自适应中值滤波器

专栏地址&#xff1a;『youcans 的 OpenCV 例程 300篇 - 总目录』 【第 7 章&#xff1a;图像复原与重建】 100. 自适应局部降噪滤波器 101. 自适应中值滤波器 102. 陷波带阻滤波器的传递函数 【youcans 的 OpenCV 例程 300 篇】101. 自适应中值滤波器 3.8 自适应中值滤波器&am…

SQL Server 2008R2安装详细教程(附安装包)

许多人都在苦恼如何安装SQL server&#xff0c;或者找不着安装包&#xff0c;那么这篇文章将带您避坑&#xff0c;解决您的烦恼 安装包如下&#xff1a; 云盘链接&#xff1a; 嗨&#xff0c;请点击我&#xff01;http://pan.baidu.com/s/1_7sQ9Eky2mGogKe4W0A_6Q 提取码&#…

Vue简单日历

使用Vue实现简单的日历。 原理分析&#xff1a; 1.获取当前时间 2.显示当前时间 3.点击增加和减少月份 4.大月和小月的天数 效果演示 初始样式&#xff08;显示现在的日期时间&#xff09; 增加一个月 在程序开始之前一定注意&#xff1a; 引入Vue.js架包 代码演示 Body…

【OpenCV 例程 300 篇】102. 陷波带阻滤波器的传递函数

专栏地址&#xff1a;『youcans 的 OpenCV 例程 300篇 - 总目录』 【第 7 章&#xff1a;图像复原与重建】 102. 陷波带阻滤波器的传递函数 103. 陷波带阻滤波器消除周期噪声干扰 【youcans 的 OpenCV 例程 300 篇】102. 陷波带阻滤波器的传递函数 通过频率域滤波可以有效分析并…

SPSS基础操作(一):用幂指数型的权函数建立加权最小二乘回归方程

1、【分析】—【回归】—【权重估计】 2、添加因变量、自变量、权重变量&#xff0c;然后点击【确定】 可以自己该变幂的范围 3、得到的幂值&#xff0c;即m1.5 4、【转换】—【计算变量】 5、目标变量中输入w&#xff0c;填入数字表达式&#xff0c;然后点击【确定】 (提示…

【OpenCV 例程 300 篇】103. 陷波带阻滤波器消除周期噪声干扰

专栏地址&#xff1a;『youcans 的 OpenCV 例程 300篇 - 总目录』 【第 7 章&#xff1a;图像复原与重建】 102. 陷波带阻滤波器的传递函数 103. 陷波带阻滤波器消除周期噪声干扰 【youcans 的 OpenCV 例程 200 篇】103. 陷波带阻滤波器消除周期噪声干扰 4.1 陷波滤波器&#x…