点击文本框可选择赋值，不可输入填写值

于 2023-12-28 15:48:06 发布
阅读量785 收藏 7
点赞数 8
分类专栏： 前端 文章标签： 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45459356/article/details/135271079
版权

【场景】用户点击输入文本框可选择时间，不可以直接输入时间

给input加 readonly属性，没有光标，可进行点击。

<el-input
       readonly
       placeholder="请选择"
       @click="goSelectBandTime(index, indexss)"
       />
js实现input的赋值，val()方法无法赋值问题
马句
08-16 3万+
input框赋值 如下所示，是一个文本框的html代码，实际开发中，要涉及到将数据库中的数据取出然后放入input框中。 &lt;input id="name1" name="teacherName" type="text" /&gt;​​​​​​​ 通过以下js代码可以实现对input文本框进行赋值，以下方法分别针对不同的情况，但是前两种是通用的 $('#name1').v...
html 点击文本框则选中,js实现鼠标点击文本框自动选中内容的方法
weixin_30175751的博客
06-03 1122
本文实例讲述了js实现鼠标点击文本框自动选中内容的方法。分享给大家供大家参考。具体如下：这里使用JS实现鼠标点击时自动选中文本框文本的效果，相信许多朋友都遇到这种功能的，就是当我们点击文本框的时候，文本框中默认的文字会被全部选中，这样当你输入的时候不用再去选择，省去了一些麻烦，提高了输入效率，用户肯定会喜欢这功能，那么实现的方法是怎么样呢？通过本代码你就搞明白了。先来看看运行效果截图：在线演示地址...
el-input 输入框有值时可以输入，没有值时禁用，一般用于弹出框的添加和编辑
最新发布
qq_70032585的博客
10-12 257
【代码】el-input 输入框有值时可以输入，没有值时禁用，一般用于弹出框的添加和编辑。
input输入框禁止输入但可以选择
m0_57712926的博客
08-23 3640
目录前言一、需求二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、需求 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd impor
实现点击文本框不能输入文字，但可以点击选择赋值(有光标，多种方法)
fortune丶的blog
07-30 2305
场景: 禁止用户点击输入文本框、但是点击文本框可以弹出弹框选择内容赋值给文本框 以下是我的办法以及尝试过的办法，选出来最佳的符合场景的方法 方法1：给input加属性 readonly：没有光标                 dis...
.input赋值之后input框无法输入，或者和其他input框错位，校验延迟
weixin_42601547的博客
01-10 376
当你将值赋给一个input元素之后，这个input框可能无法输入或与其他input框错位，这是因为在赋值之后你没有重新渲染该元素导致的。 解决这个问题的一种方法是在赋值之后重新触发一次render()方法。另一种方法是使用setTimeout函数来延迟更新，这样能够确保在赋值之后重新渲染。 另外需要注意的是,在需要校验输入框内容时,需要在校验时做延迟处理,因为在输入时,值还未完全改变. ...
文本框只能选择数据到文本框禁止手动输入
09-04
在网页设计和开发中，有时候为了确保用户输入的数据符合特定要求或者提高用户体验，我们可能希望限制用户在文本框（TextBox）中只能通过下拉选择、列表填充等预定义方式选取数据，而禁止直接手动输入。这通常适用...
js如何实现点击标签文字，文字在文本框出现
10-23
### 第一种方法：点击标签文字，文字在文本框出现并可消失 这种方法的特点是，点击不同的标签，标签对应的文本会出现在文本框中；如果再次点击同一个标签，那么文本框中的文字将会消失。这种方法适用于需要从一组...
原生js text文本框模拟select下拉框美化点击下拉菜单选择value赋值效果源码.zip
11-22
这个“原生js text文本框模拟select下拉框美化点击下拉菜单选择value赋值效果源码”就是为了解决这个问题而提供的。下面我们将详细探讨相关的JavaScript知识以及如何实现这样的功能。 1. **原生JavaScript**：此...
DropDownList实现可输入可选择（两种版本可选）
10-20
首先，为了实现可输入可选择的DropDownList，我们在HTML中需要准备一个下拉列表以及一个文本框。下拉列表用于提供选项供用户选择，而文本框则用于用户输入不预存在列表中的值。在页面加载完成后，用户可以通过交互来...
input输入框可以选择但是禁止不可以输入
wo_ai_ni___的博客
12-08 1723
<input type="text"disabled="disabled" value="text"> 禁止使用状态 <input type="text"readonly="readonly" value="text"> 不可输入但可选择 更多资料请查看本人博客
input框不可编辑的三种方法
峰
04-04 4万+
1、最常用的disabled。 被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。 EP：<input type="text" disabled="disabled" /> *disabled 属性无法与 <input type="hidden"> 一起使用。 2、readonly unselec...
html中input不可用或是只读的几种方式和区别
microdsy的专栏
10-24 1万+
将HTML文本框设为不可编辑文本框。方法1: onfocus=this.blur()<input type="text" name="input1" value="不可编辑文本框" onfocus=this.blur()>方法2:readonly<input type="text" name="input1" value="不可编辑文本框" readonly> <input type="text"
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
关于输入框input如何实现只可以选择不可以键盘输入
一亩三分地
08-05 1万+
在前台页面的开发中，可能会遇到某个输入框input只能是格式的字符串，而且格式还有规定。为了防止用户在输入时输入的字符串格式错误导致无法插入数据，所以我们会选择在input中添加实现选择控件。但是这也不能保证用户不会使用键盘进行输入，为此我们需要将input输入框设置成只能利用时间选择控件进行选择，而不能通过键盘进行输入。为了达到这个目的，我们可以进行如下设置： (1)  在input标签中将e
input禁止输入，可以点击
z313731418的专栏
03-17 5013
禁止键盘及中文输入，但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫，呵呵，在此记录以便日后之用；另外禁止粘贴 onpaste="return false" 代码如下: New Document // 样式 style="ime-mode:disabled" 禁止中文输入 funct
input框不能输入的几种方式
weixin_48837605的博客
08-23 3065
效果: 1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 <input type="text" value="hello JavaScript" readonly="readonly"> 2：disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与 一起使用。 <input type="text" value="hello JavaScript.
提交按钮默认不可点击，表单input输入正确后才可点击
this_ITBoy的博客
07-11 2万+
在做表单验证的时候，经常会遇到表单提交时按钮样式的问题，这里可以给出较为详细的方案。 如图： 输入前提交按钮置灰且不可点击，当账号和密码都输入正确后，按钮才会变成可点击的红颜色。 之前我一直在想怎么获取input的变化也就是change事件，其实input是没有change事件的，倒是有一个propertychange事件，这个在上面的文章有提到过。这个propert
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值