xbns.net
当前位置:首页 >> input框长度自动变化 >>

input框长度自动变化

你现在使用的是input标签,标签是处理文本的,如果内容多了就会自动把上面的内容往上顶.

两种方法1:用CSS将文本框的width设置为百分比,如<input type="text" sylte="width:50%;" />2:用js在body的onresize方法中计算页面此时的宽度,然后减去搜索图书,分类和搜索按钮部分的宽度.推荐使用CSS方式.

使用样式设置,比如:

这个要用到ajax异步交互 后台进行计算 然后返回前台而且不影响浏览和应用

&lt;body&gt;数量:&lt;input type="text" id="text1" onkeyup="jisuan();" /&gt;&lt;br /&gt;单价:&lt;input type="text" id="text2" onkeyup="jisuan();" /&gt;&lt;br /&gt;结果:&lt;input type="text" id="text3" /&gt;&lt;script type="text/

<body><script type="text/javascript"> var rows=1;//根据文本框初始值设置.var cols=10;//根据文本框初始值设置.var num=0; function changerow(){ num++; if(num==rows*cols-1){ rows=rows+2; document.getElementById("erea").rows=rows; } }</script><textarea id="erea" rows="1" cols="10" onkeyup="changerow()"></textarea></body>//实现了到达文本框末尾,就增加两行.

最好给加个id="t".var val = document.getElementById("t").value;document.getElementById("t").size = val.length;

或 CSS中.自己起的名字{ wdith:**; height:**;}

属性 size 按可见字符数设置宽度 属性 maxlength 规定最大可输入字符数 要保持整体美观

<body> 文本框:<input id="txtId" type="text" style="width:25px" /></body><script> var widthSize = 25; //文本框长度 var size=0; //文本框字符长度 $("#txtId").keyup(function(){ //当前输入的文本比上一次的文本值长度短,就缩减文

90858.net | xaairways.com | 369-e.com | rxcr.net | mqpf.net | 网站首页 | 网站地图
All rights reserved Powered by www.xbns.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com