`

几种设置表单元素中文本输入框不可编辑的方法

 
阅读更多

2010-12-17 20:30:30|  分类: Javascript |  标签: |字号 订阅

1、blur
代码:
<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />


输入框无法获得焦点,不能编辑 
表单可以获得值。 
可以复制。 
蛮奇怪的,都选住了,还没有获得焦点? 

2,readonly

   代码:
<input type="text" value="fisker" onclick="alert(this.value);" readonly />


输入框只读。不能编辑 
同样表单可以获得值。 
也可以复制。 

3,disabled

   代码:
<input type="text" value="fisker" onclick="alert(this.value);" disabled />

输入框灰色,不能编辑 
可以用JS改变或获得其值,但提交时并不提交该值。

分享到:
评论

相关推荐

    几种设置表单元素中文本输入框不可编辑的方法总结

    这种方法通过监听输入框的`focus`事件,并在获取焦点时立即调用`blur()`方法使其失去焦点,从而达到看似不可编辑的效果。代码如下: ```html (this.value);" onfocus="this.blur()" /&gt; ``` 在这种情况下,用户点击...

    用jsp做的几种表单

    1. 方法提交:表单的提交方式有两种,GET和POST。GET方式将数据附加到URL后面,适用于少量且不敏感的数据;POST方式将数据隐藏在HTTP请求体中,适合处理大量或敏感信息。 2. 请求处理:当用户提交表单时,服务器...

    android 输入框悬浮

    在Android开发中,"输入框悬浮"通常指的是EditText控件的一种特定实现,使得输入框在用户操作时可以悬浮在屏幕的某个位置,如底部或顶部,以提供更友好的用户体验。这种功能常见于聊天应用、表单填写等场景,允许...

    报名系统,在线预约系统,万能表单系统

    可设置字段为不可重复字段,例如身份证号 可设置字段是否必填 可设置字段为登陆查询字段,设置后用户可查询信息 可设置字段的各种验证方式 多选选择数量区间限制设置 上传图片和文件的类型限制 上传图片的压缩比例...

    漂亮的css表单样式

    4. **边框与阴影**:通过设置边框宽度、样式和颜色,可以为表单元素添加立体感。阴影效果则可以使表单看起来更有深度,增强用户体验。 5. **表单提示**:使用placeholder属性为输入框提供提示信息,帮助用户理解应...

    登录时不弹框提示保存密码

    2. **CSS隐藏**:通过CSS将自动填充的元素定位到不可见区域,登录后移回原位置。 3. **JavaScript检测**:在页面加载时,用JavaScript检测并清除已填充的用户名和密码。 4. **利用伪元素**:利用CSS伪元素`::...

    HTML5新增的表单元素和属性实例解析

    首先来看placeholder属性,这个属性用在`&lt;input&gt;`元素上,用于设置一个提示信息。当文本框为空且用户未输入任何内容时,这个提示信息会显示在文本框内。一旦用户点击或聚焦于这个文本框,提示信息会自动消失。若用户...

    JQuery实现表单验证

    表单验证通常包括以下几种类型:非空验证、长度验证、格式验证(如邮箱、电话号码)、唯一性验证等。在"JQuery实现表单验证"的案例中,描述中提到有五种不同的提示方式,这些可能包括错误消息的显示位置、样式、动画...

    SZ_USER.zip_ext js 表单

    描述中提到的“ext js各种控件的描述 如树控件,文本框 grid表单 分页等等”,这暗示了这个压缩包可能包含了关于以下几种Ext JS控件的实现和使用方法: 1. **树控件(Tree)**:在Ext JS中,树控件用于显示层次结构...

    form表单中的Input使用disabled不能提交的解决方法

    然而,有时候开发者需要将输入框设置为不可编辑,同时还需要将其中的数据提交到服务器。 问题出现在,当使用了"disabled"属性的Input元素在表单提交时,其值不会被包含在POST请求中。这就会导致后端无法接收到原本...

    ext可编辑表格

    9. **editor**:对于包含日期的列,使用`DatePicker`作为编辑器,定义了日期格式、最小值以及不可选的日期。 EXT可编辑表格结合了EXTJS的灵活性和强大功能,提供了直观、交互式的数据编辑体验,常用于需要用户在...

    可伸缩的:表单元素自动调整大小,应采用的方式

    为了实现表单元素的可伸缩性,我们可以采用以下几种方法: 1. **CSS Flexbox**: CSS Flexible Box布局模型(简称Flexbox)是处理容器内子元素布局的一种强大工具。通过设置`display: flex;`,我们可以让表单容器...

    可自动输入登录表单动画.rar_controlfaj_可自动输入登录表单动画

    "可自动输入登录表单动画"就是交互设计的一种实践,它在保证功能的基础上,提升了表单的互动性。 5. **响应式设计**:考虑到不同设备的屏幕尺寸和分辨率,响应式设计能让网页或应用适应各种屏幕。CSS3的媒体查询...

    自定义表单使用

    8. **测试与优化**:对于任何Web应用,性能测试和用户体验优化都是不可忽视的环节。可以使用JUnit进行单元测试,结合LoadRunner或JMeter进行压力测试,确保系统在高并发情况下的稳定性和响应速度。 在提供的文件...

    CSS3数字验证表单 3D折叠验证提示

    【CSS3数字验证表单 3D折叠验证提示】是一种创新的前端技术应用,它结合了CSS3的新特性,为用户提供了更为直观、交互性更强的表单验证体验。在这个特性的实现中,主要涉及以下几个核心知识点: 1. **CSS3选择器**:...

    一个 输入框 提示 插件

    在IT行业中,JavaScript(简称JS)是一种广泛使用的脚本语言,尤其在网页开发中不可或缺。本文将详细讨论“一个输入框提示插件”的相关知识点,包括JavaScript基础、输入框交互设计以及插件开发。 首先,JavaScript...

    JavaScript 正则表达式(笔记)

    首先,表单验证是Web应用中必不可少的功能,其目的是在用户提交数据前检查输入的合法性。通常,我们遵循以下步骤: 1. 获取表单元素的值,这些值通常是字符串,可能包含数字和下划线。 2. 根据业务需求,使用...

    网站透明表单模板下载

    在网页设计中,表单是必不可少的一部分,它们用于收集用户的个人信息、登录凭据或服务请求等数据。透明表单模板尤其受到青睐,因为它们通常拥有简洁的设计风格,能够与各种背景无缝融合,提供良好的用户体验。这样的...

    jQuery 表单验证扩展(四)

    在Web开发中,表单验证是一项不可或缺的功能,它能确保用户提交的数据符合预设的规则,从而提高数据的准确性和系统的稳定性。jQuery作为一款广泛使用的JavaScript库,提供了丰富的功能来简化这一步骤。本文将深入...

Global site tag (gtag.js) - Google Analytics