如何设置textarea文本框中的内容为只读不可修改状态

设置<textarea>文本框中的内容为只读不可修改状态,只需要加入disabledreadonly即可


<textarea name="qualification" id="qualification" cols="29" rows="3" οnblur="textOnBlur();" disabled></textarea>

<textarea name="qualification" id="qualification" cols="29" rows="3" οnblur="textOnBlur();" readonly></textarea>

  • 8
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
“小红书”——给你安利几个小程序的“坑”微信小程序写在前面  小程序发布至今已有一年多时间,很多人都已经在小程序道路上狂奔。最近我也开始了学习小程序,学了一段时间后,想看看这段时间的学习效果,于是边学习边开始了我的第一个小程序。相信很多人都用过小红书吧,我可是被它安利了很多好东西呢,所以想着就仿写一个小红书的微信小程序吧。下面我就给大家“安利”几个我在写的过程的“坑”。  因为花的时间不多,功能有很多没有完善,页面写的不是很好看,请各位将就着看啦。╮(╯▽╰)╭   准备工作  1. 开发环境:WXML(HTML),WXSS(CSS),Javascript  2. 开发工具:vscode,微信开发者工具  3. 辅助工具:Markman:图标标注工具,可用于取色、测量。Easy-Mock:可以伪造假数据,在js引用就好了。点这里可以查看我的项目数据。Markdown:在线编辑器GifCam:Gif录制工具 微信小程序开发文档Iconfont-阿里巴巴矢量图标库:各种需要的小图标都有哦遇到的几个问题1、首页导航栏左右滑动效果图:  这部分,是通过微信小程序的scroll-view组件来完成的。代码如下:<scroll-view class="navBar-box" scroll-x="true"  一些使用scroll-view的注意事项:请勿在 scroll-view 使用 textarea、map、canvas、video 组件scroll-into-view 的优先级高于 scroll-top在滚动 scroll-view 时会阻止页面回弹,所以在 scroll-view 滚动,是无法触发 onPullDownRefresh若要使用下拉刷新,请使用页面的滚动,而不是 scroll-view ,这样也能通过点击顶部状态栏回到页面顶部2、首页文章列表随着点击导航栏列表改变效果图:  这部分,是通过微信小程序的swiper组件来完成的。代码如下:                                                                                                    {{notes.title}}                              <!-- 作者信息 -->                                              {{notes.writer}}                                                {{notes.like}}                                    使用swiper组件,将所有文章列表包起来,每个swiper-item表示不同的列表模块。之前在导航栏各列表项绑定了不同
目录: 目录 第1篇 html基础入门篇 第1章 建立首要的、基础的正确认知 1.1 internet和万维网 1.1.1 什么是www(万维网) 1.1.2 w3c是什么 1.2 网页、浏览器、网站和网络服务器 1.2.1 网页和浏览器 1.2.2 不可不知的浏览器发展史 1.2.3 浏览网页 1.2.4 网站和网络服务器 1.3 了解html语言 1.3.1 关于html和html编辑器 1.3.2 创建第一个网页 1.3.3 查看网页的源文件 1.4 html 4.0的特点 1.4.1 国际化 1.4.2 可访问性 1.4.3 表格 1.4.4 混合文档 1.4.5 样式表 . 1.4.6 脚本 1.4.7 打印 1.5 巩固与自测 第2章 html文档的基本结构 2.1 使用dreamweaver创建第一个网页 2.1.1 dreamweaver安装和配置向导 2.1.2 使用dreamweaver创建网页的基本步骤 2.1.3 使用dreamweaver的基本知识 2.2 html文档的基本结构 2.2.1 了解sgml和html的关系 2.2.2 html简要的历史和为何要使用html 2.2.3 html 4.01的版本和文档类型声明 2.2.4 [html][/html]标签对和属性 2.2.5 [head][/head]标签对 2.2.6 [body][/body]标签对 2.3 巩固与自测 第3章 html文档的编写规范 3.1 使用标签、元素和属性 3.1.1 标签 3.1.2 元素 3.1.3 属性的定义 3.1.4 属性值的定义 3.1.5 元素和属性的大小写规范 3.2 字符引用 3.2.1 字符数字引用 3.2.2 字符实体引用 3.3 使用注释 3.4 关于空白和空白字符 3.4.1 关于断行符 3.4.2 空白字符 3.5 基本html数据型式 3.5.1 cdata数据类型 3.5.2 id和name使用的数据类型 3.5.3 idref和idrefs使用的数据类型 3.5.4 number数据类型 3.5.5 文本字符串 3.5.6 使用uri 3.5.7 使用颜色 3.5.8 使用长度 3.5.9 内容类型(mime类型) 3.5.10 语言代码 3.5.11 字符编码 3.5.12 单字符 3.5.13 日期和时间 3.5.14 链接类型 3.5.15 介质描述符 3.5.16 脚本数据 3.5.17 样式表数据 3.5.18 框架目标名 3.6 巩固与自测 第2篇 html详细学习篇 第4章 html文档的头部定义 4.1 定义标题(title元素) 4.2 怎样定义元数据 4.2.1 定义元数据关键字 4.2.2 元数据的语言信息 4.2.3 元数据的其他定义方法 4.3 用于搜索引擎的元数据 4.3.1 定义编辑工具 4.3.2 定义版权信息 4.3.3 定义关键字 4.3.4 定义概要描述 4.3.5 定义设计者 4.3.6 定义创作日期 4.3.7 定义搜索引擎搜索方式 4.4 用于http消息报头的元数据(属性http-equiv) 4.4.1 设置网页内容类型和字符集 4.4.2 设置网页所使用的语言 4.4.3 设置网页定时跳转 4.4.4 设置网页禁用缓存 4.4.5 设置网页到期 4.4.6 设置网页cookie存活时间 4.4.7 设置网页框架目标 4.4.8 设置网页转场效果 4.4.9 设置网页分级 4.5 元数据纲要和元数据架构 4.5.1 使用元数据纲要(profile属性) 4.5.2 使用元数据架构(scheme属性) 4.6 巩固与自测 第5章 文字与段落 5.1 结构化的文本 5.1.1 用于强调的短语元素(em元素、strong元素、cite元素) 5.1.2 用于缩写的短语元素(abbr元素、acronym元素) 5.1.3 其他的短语元素(dfn、code、samp、kbd、var) 5.1.4 引用(blockquote元素、q元素) 5.1.5 下标和上标(sub元素、sup元素) 5.2 行和段落 5.2.1 段落(p元素) 5.2.2 控制换行(br元素) 5.2.3 连字符 5.2.4 预格式化文本(pre元素) 5.2.5 段落的视觉呈现 5.3 标题字体(h#元素) 5.4 标记文档改变:ins和del元素 5.5 基本文字格式(tt、i、b、big、small、strike、s、u) 5.6 字体修改(font、basefont元素) 5.6.1 改变字体大小(size属性) 5.6.2 改变文本颜色(color属性) 5.6.3 改变字体(face属性) 5.7 加入水平分割线(hr元素) 5.7.1 分隔线宽度和高度
Xpath Evaluator将帮助您查找Xpath和WebElement的其他属性并将其保存以形成对象存储库 OR Manager:功能描述文档简介OR Manager是Google Chrome的扩展程序,可帮助您创建和编辑json和xml格式的现有对象存储库。 所有自动化工具都从其属性识别应用程序对象。 在自动化,它称为定位器类型和定位器值。 定位器类型可以是id,名称,xpath,css等,而定位器值是其在应用程序的实际值。 所有这些定位器都保存在一个称为对象存储库(OR)的文件。 OR管理器的主要功能•选择Web元素。 •为选定的Web元素创建对象存储库。 •突出显示/验证网页上的元素(如果对象存储库已存在该元素)。 •编辑一个已经存在的对象存储库文件。 字段及其说明:1.元素名称:•这是与文本框关联的标签。 •此文本框用于提供要在网页突出显示的元素的名称。 •检查元素时,此文本框存储对象存储库存储的最后一个元素的名称。 •此文本框是读写类型。 •默认情况下,此文本框没有任何值。 2.选择:•这是与文本框关联的标签。 •文本框存储对象存储库存储的最后一个元素的名称。 •此文本框只读类型。 •默认情况下,此文本框没有任何值。 3. Web元素:•这是一个文本区域,用于存储对象存储库添加的最后一个元素的定位器属性。 •此文本区域是只读类型,并且大小固定。 •默认情况下,该文本区域没有任何值。 4.对象存储库:•这是与文本区域关联的标签,该标签以JSON格式存储所有添加的Web元素及其定位器属性的列表。 •此文本区域是只读类型,并且大小固定。 •默认情况下,该文本区域没有任何值。 图标及其说明:1.突出显示:•如果对象存储库已存在该元素,则此图标用于突出显示网页的元素。 •在突出显示图标前面的文本框,输入要突出显示的元素的名称,然后单击突出显示图标。 •高亮图标始终处于启用状态。 2.检查:•此图标用于检查网页存在的元素。 •默认情况下,检查按钮处于禁用状态。 •单击检查按钮以启用检查功能。 3.重置:•此图标用于将“元素名称”文本框,“选择”文本框和Web元素textarea的值重置为其默认值。 •重置图标始终处于启用状态。 4.停止:•此图标用于停止检查。 •默认情况下,停止图标是禁用的。 •单击检查后,它将启用停止图标以停止检查。 按钮及其说明:1. JSON下载:•此按钮用于以J​​SON格式下载生成的Object存储库。 2. XML下载:•此按钮用于以XML格式下载生成的对象库。 3.上载对象存储库:•此按钮用于上载已经存在的OR或对其进行编辑。 4.取消:•此按钮用于将实用程序页面重置为其默认状态。 创建对象存储库的步骤1.单击扩展图标,打开OR Manager实用程序。 2.单击检查图标以启用检查功能。 3.将鼠标悬停在要添加到对象存储库的网页上的元素上,然后单击该Web元素。 以下弹出窗口将打开。 如果该网页元素存在于网页的html,则弹出窗口会显示该网页元素的名称/ id。 这将是存储库的对象名称。 用户可以根据自己的方便更改此名称。 4.单击确定,使用该默认名称将该对象保存在对象存储库,或指定一个自定义名称。 一种。 如果在对象存储库已经添加了元素,则会弹出“具有相同属性集的相同元素”弹出窗口。 b。 如果对象存储库已经存在具有相同元素名称但属性集不同的元素,则会弹出“具有相同名称的元素。 单击“确定”以更新其属性,否则将单击“取消”。 如果要更新其属性,请单击“确定”按钮,否则单击“取消”按钮。 C。 如果对象存储库已经存在具有相同属性集但元素名称不同的元素,则会弹出“其他元素已经存在相同属性”。 单击“确定”创建一个新元素,否则单击“取消”。 单击“确定”按钮以创建新元素,否则单击“取消”。 d。 如果该元素不存在于“对象存储库”,则将其添加到其。 5.重复步骤3和步骤4,以在对象存储库添加更多元素。 6.添加所有元素后,单击“ JSON下载”按钮以JSON格式下载OR,或单击“ XML下载”按钮以XML格式下载OR注意:•上一次添加的元素可以在Web元素下看到文本区域。 •所有添加的元素都可以在“对象存储库”文本区域下看到。 编辑已经存在的OR的步骤1.单击上载对象存储库按钮。 2.它将打开文件资源管理器。 选择JSON或XML文件,然后单击“确定”。 3.选择JSON或XML文件,然后单击“确定”。 一种。 如果OR不在同一页面上,则会弹出“ OR与当前网页不匹配”的弹出窗口,并且数据也不会加载到OR管理器进行编辑。 b。 如果OR并非XML或JSON格式,则会弹出“请上传JSON或XML文件以进行处理…”弹出窗口,并且数据不会加载到OR管理器

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值