当前位置: 首页 > news >正文

HTML中设置input等文本框为不可操作

在特定场景下,我们可能不允许用户操作或者更改表单项

那么具体如何操作呢?

在html中,我们大概有两种方法可以实现,或者说两个属性

分别为:

disabled=“disabled”
readonly=“true"
它们的区别在于
disabled:设置后,input区域为灰色,不可手动操作
readonly:设置后,除了不可手动操作后,其余和普通input无异

详情请参考如下代码和演示

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>demo</title>  
</head>  
<body>  
    <input type="text" readonly="true" value="demo1">  
    <br />  
    <input type="text" disabled="disabled" value="demo2">  
</body>  
</html>  

图片描述

相关文章:

  • 重置Mysql密码SOP
  • Centos 系统禁ping设置
  • 计算机网络--静态路由
  • 白话 Ruby 与 DSL 以及在 iOS 开发中的运用
  • python re正则表达式模块
  • WTL之VS2013环境搭建
  • c语言编写经验逐步积累4
  • Session 和 Cookie 机制
  • C语言中预处理器的相关知识:
  • java基础 - 冒泡排序,随机数算法
  • 大写中文数字-財务
  • 关于android:focusable属性
  • php基础教程(一):预备知识
  • javascript页面刷新的几种方法
  • SFB 项目经验-02-共存迁移-Lync 2013-TO-SFB 2015-规划02
  • 《微软的软件测试之道》成书始末、出版宣告、补充致谢名单及相关信息
  • 【React系列】如何构建React应用程序
  • CSS 三角实现
  • echarts花样作死的坑
  • github指令
  • java第三方包学习之lombok
  • PaddlePaddle-GitHub的正确打开姿势
  • React Native移动开发实战-3-实现页面间的数据传递
  • Redis中的lru算法实现
  • spring + angular 实现导出excel
  • spring-boot List转Page
  • Sublime text 3 3103 注册码
  • 技术:超级实用的电脑小技巧
  • 区块链共识机制优缺点对比都是什么
  • 融云开发漫谈:你是否了解Go语言并发编程的第一要义?
  • 我感觉这是史上最牛的防sql注入方法类
  • CMake 入门1/5:基于阿里云 ECS搭建体验环境
  • puppet连载22:define用法
  • 机器人开始自主学习,是人类福祉,还是定时炸弹? ...
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • (C#)Windows Shell 外壳编程系列9 - QueryInfo 扩展提示
  • (Pytorch框架)神经网络输出维度调试,做出我们自己的网络来!!(详细教程~)
  • (论文阅读笔记)Network planning with deep reinforcement learning
  • (七)Knockout 创建自定义绑定
  • (一)VirtualBox安装增强功能
  • (译) 理解 Elixir 中的宏 Macro, 第四部分:深入化
  • (转)Linux整合apache和tomcat构建Web服务器
  • .[backups@airmail.cc].faust勒索病毒的最新威胁:如何恢复您的数据?
  • .\OBJ\test1.axf: Error: L6230W: Ignoring --entry command. Cannot find argumen 'Reset_Handler'
  • .NET 4.0网络开发入门之旅-- 我在“网” 中央(下)
  • .NET Framework 4.6.2改进了WPF和安全性
  • .NET 编写一个可以异步等待循环中任何一个部分的 Awaiter
  • .Net 路由处理厉害了
  • .pyc文件还原.py文件_Python什么情况下会生成pyc文件?
  • /run/containerd/containerd.sock connect: connection refused
  • @ConfigurationProperties注解对数据的自动封装
  • @reference注解_Dubbo配置参考手册之dubbo:reference
  • [ vulhub漏洞复现篇 ] AppWeb认证绕过漏洞(CVE-2018-8715)
  • [100天算法】-x 的平方根(day 61)
  • [android] 看博客学习hashCode()和equals()