实现小功能,输入文本,输入框可改变大小,且可记录数字

【解决问题】‘vue‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。 【解决问题】'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件。 阅读详情

textarea并不能随着输入自动扩展div的宽度,这里就直接使用div来实现这个简单的功能

<div onInput="textInputFuc" contenteditable="true" class="remark"></div>
<label class="textNumber">0/200</label>
.remark:focus {
	outline: #4dc6A8 auto 5px; /*这里更改div聚焦外边框颜色*/
}
function textInputFuc() {
	var textVal = $('.remark').text()
	var len = 0;
	for(var i=0;i<textVal.length;i++) {
		// var a = textVal.charAt(i);
		// if(a.match(/[^\x00-\xff]/ig) != null) {
		//	len  += 2;
		//} else {
		//	len += 1
		//}
		len += 1
		
	}
}

中间注释的代码,为汉字转字符,样式就自己布局吧,div给出一个min-height哟!

芒果YOLOv7改进48:主干篇:独家首发改进:目标检测新范式骨干PPHGNetv2改进版,充分融合信息特征,提升YOLOv7检测能力 YOLOv7代码改进实践 | 独家首发改进 PPHGNetv2 改进版结构 阅读详情

相关推荐

如何选择汽车域控制器MCU?一文看透7大关键维度[特殊字符](含芯片推荐、踩坑预警)

MCU选型 Checklist(实用表格)维度你需要考虑的问题Flash/RAM我的任务栈够吗?是否支持OTA双Bank?安全等级这功能出故障会不会危及人命?接口资源够几个CAN?支持CAN FD?ETH是否支持TSN?主频我的软件响应周期是多少?是否带Cache?多核架构是SMP/AMP?是否带锁步核?跑多个任务会不会互相干扰?功耗与封装睡眠电流够低?有外扩DDR空间?BGA能焊?供应链有无国产替代?交期是否稳定?支持AUTOSAR吗?

weixin_43199439的博客 632

html 文本输入框效果

1、选中后方可编辑: 我会好好学习 你的姓名:选中前面的选项方可编辑" disabled>   2、点击链接后方可编辑: 你好,欢迎你!')">先点击我哦! 你的姓名:请输入--" size="30"readOnly>   3、输入框从中间输入: 从中间输入:   4、输入框变色: 输入框变色:   5、输入框只能输入数字(用的是正则表达式): 你的年龄:   6

leayefang的专栏 2192

全面解读AI Infra:架构、生态与未来趋势

文章摘要 大模型时代下,AI基础设施(AI Infra)成为关键技术基建,涵盖从数据准备到模型服务的全栈技术体系。文章系统解构了AI Infra的四层架构(硬件资源层、资源管理调度层、开发框架层、平台工具层),并分析了全球AI Infra生态图谱,包括云计算巨头、芯片厂商等全栈服务商,以及中国特色的多元竞合格局。通过对比Data Infra与AI Infra的核心差异,指出AI Infra更关注智能应用的规模化与自动化。文章还探讨了从传统数据设施向AI基础设施的转型路径,强调自主可控、软硬协同等发展趋势,为

技术引领业务创新 581

微信小程序input高度无法改小

input组件有个默认的宽高,在使用flex布局的时候,发现会影响到页面的布局,input有个样式min-height:1.4rem,将样式min-height改一下。

我的乱码人生(分享与查询) 5553

Vue小记(1)——输入框文本框的大小改变

官方文档:input Attributes参数说明类型可选值默认值type类型stringtext,textarea 和其他 原生 input 的 type 值textvalue绑定值string / number——maxlength原生属性,最大输入长度number——minlength原生属性,最小输入长度number——placeholder输入框占位文本string——clearable...

Jovan的博客 3万+

html调整文本大小

<input name="" type="text" style="width:200px; height:20px;" />

速冻的博客 3万+

输入框的测试用例

输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%……&*?[]{}”特别要注意单引号和&符号。禁止直接输入特殊字符时,使用“粘贴、拷贝”功能尝试输入。 (2)长度检查:最小长度、最大长度、最小长度-1、最大长度+1、输入超工字符比如把整个文章拷贝过去。 (3)空格检查:输入的字符间有空格、字符前有空格、字符后有空格、字符前后有空格 (4)多行文本输入:允许回车换行、保存后再显示能够保存输入的格式、仅输入回车换行,检查能否正确保存(

weixin_45819693的博客 7784

输入框中只能输入数字

"Syetem.Windows.Froms",为"KeyDown"、"KeyUp"的事件提供数据的类是"KeyEventArgs"。而为"KeyPress"事件提供数据的类是"KeyPressEventArgs"。          KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母(注意:包括大小写)、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert、

start2011的专栏 673

alert获取输入框内容_Web测试(输入框、添加和修改、删除功能)方法总结

输入框1、字符型输入框:(1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%……&*?[]{}”特别要注意单引号和&符号。禁止直接输入特殊字符时,使用“粘贴、拷贝”功能尝试输入。(2)长度检查:最小长度、最大长度、最小长度-1、最大长度+1、输入超工字符比如把整个文章拷贝过去。(3)空格检查:输入的字符间有空格、字符前有空格、字符后有空格、字符前后有空格...

weixin_39946266的博客 389

web测试之输入框、添加和修改、删除功能方法总结

一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%……&*?[]{}”特别要注意单引号和&符号。禁止直接输入特殊字符时,使用“粘贴、拷贝”功能尝试输入。 (2)长度检查:最小长度、最大长度、最小长度-1、最大长度+1、输入超工字符比如把整个文章拷贝过去。 (3)空格检查:输入的字符间有空格、字符前有空格、字符后有空格、字符前后有空格 (4)多行文本输入:允许回车换行、保存后再显示能够保存输入的格式、仅输入回车换行,检查

小乖V小倩的博客 714

关于js文本输入框输入数字进行比较的经验

今天项目中出了一个bug,让我来修正. 问题:在一个有24570页码的列表页面,输入下方跳转页码时出现一个问题,在25-99,246-999,2458-9999之间的页码都不能输入跳转. 解决: 在Myeclipse中serach了那个跳转页面的js语句,没找到,之后找了好久好久,框架翻了个遍,终于找到跳转页面那个js,然后看逻辑,打个调试一步步调,看哪数据出问题了,结果让人吃惊的一幕出现了

传说中的小黑的博客 978

html限定输入的内容,HTML中限制input 输入框输入内容

限制 input 输入框只能输入数字1、onkeyup = "value=value.replace(/[^\d]/g,'')"使用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母2、onchange = "value=value.replace(/[^\d]/g,'')"使用 onchange 事件,在输入内容后,只有 input 丧失焦点时...

weixin_34312809的博客 1996

Vue2中使用正则表达式限制输入框输入

这里记录下自己在Vue2的项目通过文本输入框的@input方法使用正则表达式来限制文本框的输入。这里将自己目前项目里面所用到的正则表达式全部写到一个js里面当做一个工具类使用。

weixin_48040732的博客 1170

web测试(输入框、添加和修改、删除功能)方法总结

一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%……&*?[]{}”特别要注意单引号和&符号。禁止直接输入特殊字符时,使用“粘贴、拷贝”功能尝试输入。 (2)长度检查:最小长度、最大长度、最小长度-1、最大长度+1、输入超工字符比如把整个文章拷贝过去。 (3)空格检查:输入的字符间有空格、字符前有空格、字符后有空格、字符前后有空

JesseBug 5959

mui.prompt 样式修改/自定义

mui.prompt  样式修改/自定义     相信很多网友,都想修改一下这个 mui.prompt 的样式,因为提供的这个,很难看,这里,我提供一点我实现的方式          ...

u010978381的博客 9875

html input文本输入框的一些总结

1、选中去除文本框文字,离开后显示原有文字: <input name="key" type="text" id="key" value="关键词" size="30" onmouseover=this.focus();this.select(); onclick="if(value==defaultValue){value='';this.style.colo

黄帅的博客 2803

怎么使输入框变大代码

输入框太小不够霸气吗?下面的代码可以实现输入框自定义大小

taxueyingmei的专栏 6295

华为2025网络工程师(HCIA)培训教程.zip

目录:00.ENSP使用。mp401。网络基础。mp402。网络参考模型基础。mp403。应用层与TCP.mp404.UDP.mp405。网络层与数据链路层。mp406。物理层。mp407。数据传递过程。mp408。验证数据通信过程。mp409.IPv4包头功能介绍。mp410.IPv4地址类型计算。mp411.IPv4地址分类。mp412.IPv4子网划分。mp413。以太网协议介绍。mp414。以太网MAC地址。mp416。命令行基础。mp417.VRP基础与本地登录。mp418。本地管理与远程管理。mp419。配置文件维护。mp420。文件系统管理。mp421。交换机原理描述。mp422.VLAN基本概念。mp423。交换机端口类型-Access.mp424。交换机端口类型-Trunk.mp425。交换机端口类型-Hybrid.mp426。交换机端口类型应用。mp427。交换机基于MAC划分VLAN.mp428.STP背景。mp429.STP BPDU报文简介。mp430.STP结构选举。mp431.STP端口状态。mp432.STP MAC地址表更新。mp433。链路聚合手工模式。mp434。链路聚合LACP模式。mp435。链路聚合应用场景。mp436。利用子接口实现VLAN间互通。mp437。利用VLANIF实现VLAN间互通。mp438。三层通信过程详解。mp439。路由基础,直连路由。mp440。静态路由,缺省路由。mp441。动态路由基础。mp442。路由选择机制。mp443。路由汇总与防环。mp444.OSPF协议背景简介。mp445.OSPF组件与基本配置。mp4.....................网盘文件永久链接

ANSI ESD STM7.1-2020 中文:静电地板系统电阻特性.pdf

ANSI ESD STM7.1-2020 中文:静电地板系统电阻特性.pdf

上一篇: 使用vue-cli3引入外部js报错的问题
下一篇: 管理项目为什么我更喜欢EasyPm
CURRY_zhao
博客等级 码龄12年 219粉丝 177原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值