使input type=“text“不可编辑

简介: 使input type=“text“不可编辑

作为一个后端工程师,难免也会接触到前端,下面总结一下使input type="text"不可编辑的方法:

1.readonly

readonly 意思是字段为只读,用户可以使用 tab 键切换到该字段。
使用后文本框不可编辑(选择文本框不会出现闪烁的光标),可以接收焦点,表单可提交其value值,后台可以接收到传值。

ID:<input type="text" name="id" readonly value="${requestScope.id}"><br>
 

效果图:
在这里插入图片描述

2.disabled 或者 disabled=“disabled”

意思是禁用input 元素
不可编辑、不可选择、不能接收焦点、后台也不会接收到传值。

ID:<input type="text" name="id" disabled="disabled" value="${requestScope.id}"><br>
1

或者

ID:<input type="text" name="id" disabled value="${requestScope.id}"><br>

效果图:
在这里插入图片描述

目录
相关文章
|
7月前
|
存储 JavaScript 前端开发
input标签的23种type类型
input标签的23种type类型
373 3
|
2月前
|
数据安全/隐私保护
Input元素的type属性
【10月更文挑战第4天】Input元素的type属性。
39 6
|
7月前
|
Web App开发 移动开发 iOS开发
input输入框的23中类型
input输入框的23中类型
129 1
|
7月前
|
移动开发 自然语言处理 前端开发
input表单 type属性详解
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
171 1
|
数据安全/隐私保护
input表单的23个type属性
input表单的23个type属性
192 0
|
JavaScript
input中placeholder属性
input中placeholder属性
input中placeholder属性
ADI
|
JavaScript 前端开发 API
[记录] input[type=file]属性详解
[记录] input[type=file]属性详解
ADI
342 0
|
Web App开发 前端开发 Android开发
了解一下 ::target-text 选择器
了解一下 ::target-text 选择器
了解一下 ::target-text 选择器
|
Web App开发 JavaScript 数据安全/隐私保护
ie8下修改input的type属性报错
ie8下修改input的type属性报错
input[type="radio"]自定义样式
input为radio时,虽然会有默认选中的样式,但是并不符合大多数项目的需求,我们的目标是可以随心所欲自定义它的样式。怎么做呢?其实很简单,只要抓住3点。分别是1.label 2.隐藏自带样式 3.绘制我们的样式。
1205 0