`
John_Kong19
  • 浏览: 278602 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

常见的几种禁止修改输入框

    博客分类:
  • web
阅读更多
<INPUT TYPE = text STYLE = "ime-mode:disabled" > 即可禁止输入法
js形式:
active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法

<INPUT onfocus=" this.style.imeMode='active' " />

<INPUT onfocus=" this.style.imeMode='inactive' " />

<INPUT onfocus=" this.style.imeMode='auto' " />

<INPUT onfocus=" this.style.imeMode='disabled' " />

禁止input 粘贴:

<input id=VC class="xinput" maxlength=4 size="5" onkeydown="fnKeyDown(event);" onfocus="this.select()" onclick="this.select()" onpaste="return false" ondrop="return false" ondragenter="return false;" ondragstart="return false" onkeypress="return keyDigt(event)" value="" />

ondragstart="return false"   禁止鼠标在网页上拖动

ondragenter 当用户拖曳对象到一个合法拖曳目标时在目标元素上触发

onpaste="return false" 禁止粘贴


  1 通过js实现-onfocus="this.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改变或获得其值,但提交时并不提交该值。

    1和2效果差不多。视觉上,第一个,点击的时候光标会闪烁一下。 第三个,灰色的输入框看起来还是不喜欢。
分享到:
评论

相关推荐

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

    在网页设计中,表单元素是用户与网页交互的重要手段,而文本输入框(`&lt;input type="text"&gt;`)则是最常见的元素之一。有时,我们可能需要使这些输入框变为不可编辑状态,以防止用户修改预设的内容或者保护数据的安全...

    android 软键盘弹出动态改变UI布局(IM聊天窗口设计示例) 源码

    在Android开发中,软键盘的弹出与隐藏对UI布局的影响是一个常见的问题,尤其是在设计IM(即时通讯)聊天窗口时尤为重要。本示例源码主要展示了如何在软键盘弹出时动态调整UI布局,以确保聊天输入框始终可见,提供...

    泛微表单js大全.rar

    4. **显示属性控制**:根据表单中的其他字段值动态控制某个字段的可见性或禁用状态,例如,当用户选择某种选项时,才会显示相关的输入框,或者当某个条件满足时,禁止用户修改某字段。 5. **时间处理**:时间相关的...

    实现sql语句正确验证的控件

    这是一种常见的网络安全威胁,攻击者通过在输入框中输入恶意构造的SQL语句,试图绕过系统验证,获取、修改或删除数据库中的敏感信息。因此,对用户输入的SQL语句进行验证是防止此类攻击的重要措施。 实现SQL语句...

    Web安全实践教程图文版 doc

    1. **SQL注入**:这是一种常见的攻击手段,通过在输入字段中插入恶意SQL代码,以获取未经授权的数据或者执行非法操作。防范方法包括参数化查询、输入验证和使用预编译语句。 2. **跨站脚本攻击(XSS)**:攻击者...

    漂亮的js下拉框日历控件

    在网页开发中,用户界面(UI)的设计与交互性至关重要,而日历控件是常见的交互元素之一,常用于输入日期或选择日期范围。本文将详细介绍一个名为“漂亮的js下拉框日历控件”的组件,它适用于.NET和JSP环境,能够为...

    excel表格的各种基本操作.doc

    为了更快地打开Excel,可以通过以下几种方式实现: - 在任务栏固定Excel图标。 - 使用桌面快捷方式双击打开。 - 使用Windows搜索栏输入“Excel”。 **3. 快速删除选定区域数据** 要快速删除选定区域的数据,可以...

    IIS6.0 IIS,互联网信息服务

    Internet Information Services(IIS,互联网信息服务),是由微软公司提供的基于运行Microsoft ... 二、本部分常见问题解答 Q:如何修改FTP服务器登录成功或退出时的系统提示信息? A:在相应的FTP站点上单击右键,选...

    jsonp跨域请求数据实现手机号码查询实例分析

    同源策略是指浏览器出于安全原因,禁止脚本访问不同源的文档。 跨域请求数据在实际开发中是一个非常常见的需求。例如,开发者可能需要在一个本地开发的Web应用中调用远程服务器的API接口,获取用户信息、商品信息等...

    .htaccess

    尽管.htaccess只是一个文件,但它可以更改服务器的设置,允许你做许多不同的事情,最流行的功能是您可以创建自定义的“404 error”页面。.htaccess 并不难于使用,归根结底,它只是在一个text文档中添加几条简单的...

    多媒体教室

    学生可以在输入框中输入文字来同教师进行交流,输入文字后敲回车键即可。也可以通过下拉框选择系统提供的默认文字,并敲回车键。  3.5 自动接收 正常条件下,学生机软件只要运行,就会自动登录系统,同时自动检测...

    X-Scan v3.1

    支持插件功能,提供了图形界面和命令行两种操作方式,扫描内容包括:远程服务类型、操作系统类型及版本,各种弱口令漏洞、后门、应用服务漏洞、网络设备漏洞、拒绝服务漏洞等二十几个大类。对于多数已知漏洞,我们给...

    X-Scan

    支持插件功能,提供了图形界面和命令行两种操作方式,扫描内容包括:远程服务类型、操作系统类型及版本,各种弱口令漏洞、后门、应用服务漏洞、网络设备漏洞、拒绝服务漏洞等二十几个大类。对于多数已知漏洞,我们给...

Global site tag (gtag.js) - Google Analytics