如何设置input标签为只读（用于设置选择和显示）
方法 1
强烈推荐：鼠标移到文本框变成小手图标。
<input type="text" id="defaultAddress" name="defaultAddress" class="input" value="" οnfοcus=this.blur() />
是一个输入框，用户输入文本的框就是类似于百度的搜索框 value=""说明初始为空 onfocuse="this.blur()"
onfocuse是聚焦的意思，当你把光标放在文本框上输入的时候，就是聚焦，但这里添加了"this.blur()"，
blur的作用就是去除聚焦，也就是你不能把光标放在这个文本框上，换句话说就是你不能输入文本了
---------- 整个代码构成了”不能输入任何文本的文本框“
方法2:readonly
鼠标移到文本框显示红色圆圈进制图标。
<input type="text" name="input1" value="中国" readonly=“readonly”>
<input type="text" name="input1" value="中国" readonly="true">
-------------- readonly可设置CSS样式
方法3: disabled
鼠标移到文本框显示红色圆圈进制图标 。
<input type="text" name="input1" value="中国" disabled>
------------- Disabled是按系统设置的Disabled颜色来设置前景色的，CSS对其无效
如何设置input标签为只读（用于设置选择和显示）相关推荐
- 设置HTML中input标签的只读模式
在html中有两个设置只读的属性: 1.readOnly 可获取值,不可输入值,可回填值: 2.disabled 不可获取,不可输入值,可回填值: 1.基本操作 设置只读: <!--设置d ...
- 设置input标签禁用_Vue造轮子 | input组件
服务区的晚霞 设计 input组件单独使用时,在样式上并没有多花里胡哨,较为简洁纯粹.相较于element组件库中的input组件,这里的实现上应该也就只有边框颜色没有特意设计(element有主题系 ...
- vue 设置所有的输入框只读_elementUI 设置input的只读或禁用的方法
只读:readonly 在data里定义:readonly: true, 然后在input框里加上readonly就可以了. 禁用:disabled 在data里定义:edit: true, 然后在i ...
- jquery设置表单元素只读_jquery设置元素readonly和disabled(checkbox只读)
jquery api中提供了对元素应用disabled和readonly属性的方法: 1,readonly 代码示例: $('input').attr("readonly",&qu ...
- 使用js设置input标签只读 readonly 属性
先上代码: <html><head><title> test </title><meta charset="utf-8"> ...
- html vue.js readonly,使用js设置input标签只读 readonly 属性
先上代码: test function setReadonly() { //document.getElementById("test").setAttribute("r ...
- 设置input标签禁用_HTML option 标签
1. <option>标签应用浏览器 所有浏览器都支持 <option> 标签. 2. 定义和用法 option 元素定义下拉列表中的一个选项(一个条目).浏览器将 <o ...
- 设置input标签不可编辑
<input type="text" placeholder="请输入" readonly="readonly" /> 设置了 ...
- jquery设置表单元素只读_jquery设置元素readonly与disabled属性
jquery api中提供了对元素应用disabled和readonly属性的方法. 1,jquery 设置readonly属性 例1, 复制代码 代码示例: $('input').attr(&quo ...
最新文章
- 宫崎骏动画里的15对情侣，你最喜欢哪一对？
- 雷达篇（六）电磁波的大气衰减
- 数据库9：联结表 高级联结 组合查询 全文本搜索
- Dubbo(八)使用配置类方式实现服务提供者消费者dubbo配置
- （转）淘淘商城系列——商品搜索功能Service实现
- 苹果正面临电源芯片短缺问题 可能影响iPhone 12供应
- VS中的多线程（/MT）、多线程调试（/MTd）、多线程DLL（/MD）、多线程调试DLL（/MDd）的区别（转载）
- 【java笔记】转换流
- mock gps android,MockGPS: Android application to fake GPS
- 鲁棒控制 matlab程序,鲁棒控制的在matlab中的程序
- 计算机相关设备巡检表,电脑维护巡检方案
- 一篇网络流的好blog
- 【Android】 使用AndServer框架在手机上搭建服务器
- 《英语阅读教学与思维发展》读书笔记(三)
- 移动开发之三种近场通信
- iPhone/iPad苹果设备型号对应常用名称列表（2022更新至iPhone 14 Pro Max | iPad Air 5）
- Word设置题注快捷键
- FTP服务器有时候连接超时的问题
- wifi信道12为啥没人用_【科普】为什么WiFi自动信道选到的信道多数在1/6/11
- RPN 模型简要介绍