星空网 > 软件开发 > 网页设计

input文本框实现宽度自适应代码实例,input文本框

 

 

本章节介绍一下如何让一个文本框的宽度能够随着文本框中的内容的宽度增长而增长,也就是能够实现宽度自适应效果。

代码实例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.100sucai.com" /><title>www.100sucai.com</title><script type="text/javascript">window.onload=function(){ var otxt=document.getElementById("txt"); otxt.onkeyup=function(){  this.size=(this.value.length>4?this.value.length:4); }}</script></head><body><input type="text" id="txt" size="4"/> </body></html>	

以上代码实现了我们的要求,代码非常的简单,注册onkeyup事件处理函数,此函数可以判断当前输入内容的长度是否大于默认长度,如果不大于,则文本框的长度就是4,否则就是输入内容的长度。




原标题:input文本框实现宽度自适应代码实例,input文本框

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

亚马逊运营干货!2023年最新实操翻新listing教程来了!:https://www.kjdsnews.com/a/1545682.html
意大利Marco Greggi教授来访欧税通谈欧盟税收趋势:https://www.kjdsnews.com/a/1545683.html
Qbit趣比汇,让跨境电商零距离!全球支付尽在掌握!:https://www.kjdsnews.com/a/1545684.html
SHOPLINE携手易点天下,KreadoAI开启高能营销之旅!:https://www.kjdsnews.com/a/1545685.html
了解墨西哥RFC申报流程,看如何免墨西哥20%税金!:https://www.kjdsnews.com/a/1545686.html
谁在使用AI主播卖货?:https://www.kjdsnews.com/a/1545687.html
美国版权小知识-哪些作品能够登记美国版权?:https://www.kjdsnews.com/a/1836627.html
俄罗斯汽车企业进口东风汽车零部件组装雪铁龙汽车:https://www.kjdsnews.com/a/1836628.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流