input禁止输入编辑的几种方法

代码2020-03-24859 人已阅来源：网络

方法1

readonly

 <input type="text" value="aihongxin" readonly="readonly">//使用readonly，字段为只读可复制

方法2

disabled

<input type="text" value="aihongxin" disabled="disabled">//只读不可复制，无法选择， 文字会变成灰色

方法3

maxlength = “0”

<input type="text"  maxlength="0">

方法4

this.blur()

<input type="text" value="aihongxin" onfocus="this.blur();">

相关内容

  • input输入值实时监控

    input的change事件与blur事件，都是输入框失去焦点时，才能触发，由此不能实时监控输入框的值的变化。利用addEventListener监控输入框的值的变化，从而触发...

  • 使input[type=date]支持placeholder方法

    问题：input[type=date]不支持placeholder方法，这个就不再作太多的阐述问题解决方法：先使其type为text，此时支持placeholder，当触摸或者...

  • type=”color” 类型input的样式美化

    h5提供了新的input类型，<input type="color"/>在chrome上效果如下：点击会弹出颜色修改弹窗，很方便，但是不能修改透明度：点击切换颜色后...

    type=
  • jquery文本框默认文字点击消失的效果

    jquery文本框默认文字点击消失，多应用于登录注册的时候，来提示用户输入相关信息，能非常好的提升用户体验。这个特效共有两种效果，一种是：聚焦型提示语消失，即鼠标点击input...

    jquery文本框默认文字点击消失的效果
  • iOS唤起键盘页面被顶上去且无法自动回退带来的问题及解决方案

    iOS唤起键盘页面被顶上去且无法自动回退带来的问题及解决方案methods:{//ios端输入框弹起后自动回弹kickBack(){setTimeout(()=>{window...

  • Linux删除乱码文件方法

    在上传文件到服务器时可能会遇到一些突发情况，如：网络中断，这样会在服务器中产生乱码文件，这是你会发现使用rm-rf文件名，无法删除。虽不影响继续使用，但看着给人一种很不爽的感觉...

  • js中 => 的含义

    =>是es6语法中的arrowfunction(x)=>x+6相当于function(x){returnx+6;};详解了解：ES6箭头函数详解...

  • WordPress Rest-Api 自定义修改 wp-json 路由

    WordPressRest-Api提供了一个钩子rest_url_prefix可自定义修改wp-json路由，比如将默认的wp-json变更为api。Rest-Api路由示例默...

  • uniapp 将图片保存在本地（app端和h5端）

    用uniapp框架写项目，遇到将图片保存在本地的需求，下面简单记录一下如何实现，图片格式为base64，可直接复制使用app端：saveBase64Img(base64){co...

  • uni-app 利用canvas画简单海报并保存图片

    <template><viewclass="canvas-box"><canvasclass="canvas":style="{width:`${...

浏览更多有关 的内容