`
332337246
  • 浏览: 59979 次
  • 性别: Icon_minigender_1
  • 来自: 呼和浩特
社区版块
存档分类
最新评论

TEXTAREA只读

 
阅读更多

TEXTAREA设置只读有两种方法可以实现:

 

1. readonly

 

可以直接作为属性写到TEXTAREA标签中,也可以通过JS来设置,通过JS设置一定要注意区分readonly的大小写。

 

document.getElementById("textarea4").readOnly = true;

 

2. disabled

 

可以直接作为属性写到TEXTAREA标签中,也可以通过JS来设置。

 

document.getElementById("textarea4").disabled = "disabled";

 

 

两者的区别:在提交表单时,前者会将值提交过去,而后者不会。

分享到:
评论

相关推荐

    JQuery实现textarea可以有字数录入提醒功能

    本文将详细解析如何使用JQuery实现一个textarea控件的字数录入提醒功能,这不仅能够提升用户体验,还能有效控制文本输入长度,避免超出限制。 ### JQuery实现实时字数录入提醒的关键点 #### 1. 初始化JQuery 首先...

    textarea剩余字数

    - `readonly`:使`textarea`变为只读,用户不能修改内容,但可以复制。 - `wrap`:定义换行方式,可以设置为`hard`(文本在达到列宽时自动换行)或`soft`(仅在用户输入回车时换行)。 - `autofocus`:页面加载时...

    html中的textArea使用及实例

    8. `readonly`:只读文本框,用户可以看见但不能修改。 9. `required`:表单验证时,此字段为必填项。 10. `wrap`:控制换行方式,可选"hard"(自动换行)或"soft"(浏览器处理换行)。 三、`textarea`实例 一个...

    使用HTML开发商业网站-表单控件-textarea课件.pptx

    - `readonly`: 当设置为`readonly`时,`textarea`的内容将变为只读,用户无法编辑。 - `disabled`: 当设置为`disabled`时,`textarea`在页面加载后即被禁用,呈灰色,用户无法输入或编辑。 例如,一个只读且禁用的`...

    textarea去除多余空格和回车的方法及其属性

    - `readonly`: 如果设置此属性,`textarea`将变为只读,用户不能修改内容。 - `required`: 如果设置此属性,`textarea`成为必填字段,提交表单前必须填写。 - `wrap`: 控制文本在`textarea`内的换行行为。有两种值:...

    javascript获得光标所在的文本框(text textarea)中的位置.docx

    - 在某些情况下,如文本框被禁用或只读时,获取光标位置可能会失败。 - 考虑到用户体验,频繁地改变光标位置可能会让用户感到困扰,因此应谨慎使用。 8. **优化与调试**: - 测试不同的输入场景,确保在各种条件...

    Draw2D 模拟SWT控件之TextField、TextArea

    它可以设置为只读或可编辑,还可以限制输入的最大字符数。在Draw2D中模拟TextField,我们需要实现类似的功能,允许用户在2D图形区域内进行文本输入。 3. TextArea: TextArea是SWT中的多行文本输入控件,用户可以...

    在textarea输入Tab

    - `readonly`: 设置文本区域为只读模式。 #### 1.3 示例代码 ```html <textarea name="comment" rows="4" cols="50"> 在这里输入您的评论... </textarea> ``` ### 二、Tab键在`<textarea>`中的行为 #### 2.1 ...

    textarea的disabled与readonly属性具体用法介绍

    与`disabled`属性不同,当表单提交时,只读`textarea`的值会被包含在请求数据中。 例如: ```html <textarea readonly="readonly">这是只读的文本区,可以查看但不能编辑。</textarea> ``` 在这个例子中,用户可以...

    TextArea

    <textarea name="exampleReadonly" readonly>这是只读的文本</textarea> ``` 5. **表单验证**: HTML5 引入了新的表单验证特性,允许我们在 `textarea` 中使用 `required` 属性来确保用户必须填写该字段。例如:...

    js 禁用只读文本框获得焦点时的退格键

    在JavaScript编程中,处理只读文本框时遇到的一个普遍问题是,当用户在只读文本框获得焦点的情况下按下了回退键(backSpace),浏览器会将焦点转移回前一个页面,这可能会导致用户意外地丢失之前填写的所有数据。...

    wangEditor编辑器

    很好用的富文本编辑器wangEditor,设置内容、获取内容、上传图片、使用 AMD 加载、使用 textarea、onblur、onfocus、onchange、获取 JSON、配置表情、多语言、CSS-Reset

    JS控制文本域只读或可写属性的方法

    JS控制文本域只读或可写属性的方法涉及javascript对页面元素属性的动态操作,本文将详细介绍相关的知识要点。 首先,文本域(Text Area)是HTML中的一个表单元素,它用于输入多行文本信息。在实际开发中,我们可能...

    浅谈表单中的只读和禁用属性

    表单中的只读和禁用属性 1. 只读:服务器方不希望用户修改数据,只是要求这些数据在表单中显示。例如注册或交易协议,商品价格等。 2. 禁用:只有满足某个条件后,才能使用某项功能。例如,只有用户同意注册协议后才...

    动态显示输入文字字数

    并且可以禁止使用USB设备或只读使用USB存储设备。 增强功能 还有清理系统垃圾和系统优化和安全设置等功能。 【常见问题】 1、打开和解密有什么区别? 打开:加密的文件或文件夹打开后,处于临时解密的状态。当软件...

    浅谈html中input只读属性readonly和disable的区别

    首先,`readonly`属性主要用于`<input>`(如`text`、`password`)和`<textarea>`元素。它使得用户无法修改已有的内容,但用户仍可以聚焦并看到内容。一个重要的特性是,当表单以`POST`或`GET`方式提交时,`readonly`...

    html组件不可输入(只读)同时任何组件都有效

    这样的需求可以通过设置组件为只读状态来实现。本篇将详细介绍如何使HTML组件不可输入(只读),并且这个方法适用于任何组件。 首先,我们需要了解HTML中的“readonly”属性。此属性可以应用于`<input>`、`...

    如何在只读文本框中停止按退格键?

    标题 "如何在只读文本框中停止按退格键" 涉及的是在Web开发中处理用户交互的问题,特别是关于HTML元素中的只读文本框(`<input type="text">` 或 `<textarea>`)与键盘事件的管理。在描述中提到的"启用"和"禁用"实际...

Global site tag (gtag.js) - Google Analytics