input输入框只读的几种方式

**readonly：**只针对input(text / password)和textarea有效；如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。

<input type="text" value="admin" readonly />

**disabled：**对于所有的表单元素都有效，包括select, radio, checkbox, button等。如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。

<input type="text" value="admin" disabled />

input输入框只读的几种方式相关推荐

input输入框禁止输入的几种方式
有时候我们在处理input输入框的时候,特别是在修改或者查看一些数据的时候,不希望去修改里面的值需要进行对input框进行禁止输入,那么以下几种方式就参考一下: 第一种: <input typ ...
vue实现input输入模糊查询(三种方式)
vue实现input输入模糊查询(三种方式) 目录 vue实现input输入模糊查询(三种方式) 1 计算属性实现模糊查询演示: 2 watch 监听实现模糊查询 3 通过按钮点击实现模糊查询演示 ...
input输入框只读和禁用状态
1,设置input为只读状态,代码如下:<input readonly="readonly" /> 设置input为不用状态,代码如下: <input disab ...
设置HTML表单文本框为只读的几种方式
有时候,我们希望表单中的文本框是只读的,让用户只能查看信息而不能修改其中的信息,使 input type="text" name="input" value=& ...
让element-ui的输入框聚焦的4种方式
方法一.绑定ref 方法二.通过自定义事件中的事件对象 $event,找到input 方法三.使用自定义指令方法四.使用原生input 方法一.绑定ref--参考yiyueqinghui <e ...
input框禁止输入的四种方式
方法一: 只读不可修改 readonly="readonly" 方法二: 禁用且为灰色 disabled="disabled" 方法三: maxlength=& ...
element UI——input输入框只读不写需求设置
在 el-input标签内添加readonly属性: <div><p><strong>截至此时,本次按月补贴决算总金额为:</strong></p ...
CSS 仿谷歌input输入框，失焦时标题在输入框中，聚焦标题上移
问题由于中英文国际化问题,导致表单中input输入框前的标题长度不一. 表单input布局一般有两种方式,一种是左右结构,一种是上下结构. 上下结构能够很好地解决标题国际化切换导致的长短不一的问题, ...
react获取input输入框的单值以及多值的方法
react 获取input 输入框的值的多种方式第一种方式非受控组件获取非受控组件获取 ref import React , {Component} from 'react'; export d ...

input输入框只读的几种方式

input输入框只读的几种方式

input输入框只读的几种方式相关推荐

最新文章

热门文章