input输入框禁止输入的几种方式

有时候我们在处理input输入框的时候,特别是在修改或者查看一些数据的时候,不希望去修改里面的值

需要进行对input框进行禁止输入,那么以下几种方式就参考一下:

第一种:

<input type="text" name="username" value="ss" οnfοcus=this.blur()>
    第二种:
<input type="text" name="username" value="ss" readonly>
<input type="text" name="username" value="ss" readonly="true">
   第三种:

<input type="text" name="username" value="ss" disabled="true">
第四种:

input输入框禁止输入的几种方式相关推荐

input输入框只读的几种方式
input输入框只读的几种方式 **readonly:**只针对input(text / password)和textarea有效:如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点, ...
input框禁止输入的四种方式
方法一: 只读不可修改 readonly="readonly" 方法二: 禁用且为灰色 disabled="disabled" 方法三: maxlength=& ...
vue实现input输入模糊查询(三种方式)
vue实现input输入模糊查询(三种方式) 目录 vue实现input输入模糊查询(三种方式) 1 计算属性实现模糊查询演示: 2 watch 监听实现模糊查询 3 通过按钮点击实现模糊查询演示 ...
input输入框禁止输入但可以选择
目录前言一.需求二.解决方案 1.方案一 2.方案二总结前言使用element框架开发后台管理系统时遇到一个问题,一个输入框不想用户输入内容,希望用户点击输入框后向后台发送一个请求,将请求 ...
vue表单验证 input输入框禁止输入空格
测试小姐姐让输入框不允许输入空格,安排. 刚开始用的下面这个方法,因为我是电脑端f12的情况下调试移动端,所以下面这个方法可以实现禁止输入空格,于是就打包测试上线了,上线后才发现真机中不支持,应该是p ...
让element-ui的输入框聚焦的4种方式
方法一.绑定ref 方法二.通过自定义事件中的事件对象 $event,找到input 方法三.使用自定义指令方法四.使用原生input 方法一.绑定ref--参考yiyueqinghui <e ...
input输入框禁止输入中文
<input type="text" maxlength="29" onkeyup="this.value=this.value.replace ...
CSS 仿谷歌input输入框，失焦时标题在输入框中，聚焦标题上移
问题由于中英文国际化问题,导致表单中input输入框前的标题长度不一. 表单input布局一般有两种方式,一种是左右结构,一种是上下结构. 上下结构能够很好地解决标题国际化切换导致的长短不一的问题, ...
react获取input输入框的单值以及多值的方法
react 获取input 输入框的值的多种方式第一种方式非受控组件获取非受控组件获取 ref import React , {Component} from 'react'; export d ...

input输入框禁止输入的几种方式

input输入框禁止输入的几种方式相关推荐

最新文章

热门文章