html设置只读的方法:首先创建一个HTML示例文件;然后创建一个form表单;接着设置input标签;最后给input标签添加“readonly”属性即可实现只读效果。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

readonly 属性规定输入字段为只读。

只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。然后,需要使用 JavaScript 消除 readonly 值,将输入字段切换到可编辑状态。

readonly 属性可与 或 配合使用。

语法

示例:

带有两个文本字段和一个提交按钮的 HTML 表单:

Name:

Country:

value="China" readonly="readonly" />

请在提交按钮上单击,输入会发送到服务器上名为 "form_action.asp" 的页面。

运行效果:

html设置字段只读,html怎么设置只读相关推荐

  1. 设置HTML中input标签的只读模式

    在html中有两个设置只读的属性: 1.readOnly  可获取值,不可输入值,可回填值: 2.disabled   不可获取,不可输入值,可回填值: 1.基本操作 设置只读: <!--设置d ...

  2. 为什么有时优盘是只读模式_u盘只读设置怎么弄? u盘只读设置使用方法

    现在都了解系统病毒的厉害,就连u盘都要被只读模式来进行保护,但是却不知道怎么样更好的设置,今天小编就给大家讲解不借助其他软件的设置方法.让你可以好好的进行文件的保护. 为什么u盘要设置成只读模式? 现 ...

  3. mysql只读模式的设置方法与实验

    在MySQL数据库中,在进行数据迁移和从库只读状态设置时,都会涉及到只读状态和Master-slave的设置和关系. 经过实际测试,对于MySQL单实例数据库和master库,如果需要设置为只读状态, ...

  4. 【技巧】Word“只读方式”的设置与取消

    如果你担心在阅读Word文档的时候,不小心修改并保存了内容,那就给文档设置"只读方式"吧,这样就算不小心做了修改也不能随意保存. Word文档的"只读方式"有两 ...

  5. Excel的只读模式如何设置和取消?

    设置"只读模式"是保护Excel文件的其中一种方式,这种模式下的Excel文件,打开后会提示需要输密码. 没有密码的情况也可以打开文件,点击提示中的[只读]即可打开,但不能编辑这个 ...

  6. PPT的只读模式如何设置和取消?

    如何保护PPT只能打开看,不能随意编辑?只要把PPT设置成"只读模式"就好了.下面来说说这种模式如何设置和如何取消. 设置"只读模式": 打开PPT后,点击上方 ...

  7. mysql如何关闭只读模式_mysql只读模式的设置方法与实验【转】

    在MySQL数据库中,在进行数据迁移和从库只读状态设置时,都会涉及到只读状态和Master-slave的设置和关系. 经过实际测试,对于MySQL单实例数据库和master库,如果需要设置为只读状态, ...

  8. mysql字段掩码_在必须输入字母A~Z或数字0~9数据库中设计表时,如果将字段的输入掩码设置为“LLLL”,则该字段能够接受的输入是()_学小易找答案...

    [单选题]关于Access2010的索引,下列叙述中错误的是() [单选题]痰饮淤血() [单选题]关于Access查询中的数据源,下列说法中正确的是 [单选题]对Access2010表中某一个字段建 ...

  9. 【Android NDK 开发】JNI 方法解析 ( C/C++ 设置 Java 对象字段 | 查找字段 | 设置字段 )

    文章目录 I . 设置 Java 对象 属性 流程 II . 查找 Java 对象属性 ( GetFieldID ) III . 设置 Java 对象属性 ( SetXxxField ) I . 设置 ...

  10. Navicat设置字段类型

    Navicat设置字段类型 Navicat这个工具,使用非常方便. 我们经常遇到修改数据库的字段类型,很多时候会报错,如下 意思是:数据表里面的数据太长,设置的字段类型不合理. 大多的错误,是由于该数 ...

最新文章

  1. 报名 | DeeCamp2019:实战AI 铸造定雨神针
  2. 批量启动关闭MS SQL 2005服务BAT
  3. 理解Android Binder机制(3/3):Java层
  4. java实现https免证书认证
  5. 通过powerdns实现主机名解析
  6. 超全干货:数据可视化的设计总结,工具,技术要点统统都有
  7. DeepID1 分析
  8. 基于区块链技术的数据安全共享网络体系研究_基于区块链技术的用户信息隐私保护与共享方案...
  9. Qt平台下使用QJson解析和构建JSON字符串
  10. 美景听听Ai语音导游,助力华为荣耀PLAY手机发布
  11. 计算机效果图线稿的制作方法,如何只用PS将线稿图变成高大上的效果图?
  12. 2020年实验室安全准入考试
  13. IOS开发之——硬件开发-加速计传感器(03)
  14. Linux下GoldenDict的安装与使用
  15. 使用Crucible和FishEye链接svn库时遇到尝试添加或索引存储库时出现错误-版本中不存在的问题
  16. Unity小地图制作与美化
  17. 爬虫项目七:Python对唯品会商品数据、评论数据的爬取
  18. 微信内置浏览器API的常用的js方法
  19. [案例4-8]模拟物流快递系统程序设计
  20. 计算机单片机实训报告,计算器单片机实训报告.doc

热门文章

  1. Error: [$injector:unpr] angular.js
  2. 在七牛云建对象存储用于上传图片
  3. 手游测试之新功能的通用测试点
  4. 【Python扩展阅读EasyGui 学习文档【超详细中文版】】
  5. Google Earth Engine(GEE)——在线统计美国人口和住房数据(以ee.Reducer.sum().repeat().group列表形式呈现)
  6. wps交叉表_利用Excel电子表格制作交叉报表
  7. 如果我写一个开源的HIS软件
  8. st3搭建python开发环境
  9. android计算器开源小项目代码(附安装包.apk)
  10. 数字化经营快速发展,微火专注做智慧数字经营系统解决方案提供商