⑴ 用javaScript怎么调整text的边框大小
<!Doctype HTML>
<html>
<head>
<title>文本框宽度自动适应文本宽度 </title>
</head>
<script type="text/javascript">
function changeInputlength(cursor)
{
var getcount=document.getElementById("countFont");
var getText=document.getElementById("text");
getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>';
cursor.size=getText.value.length+2;
}
</script>
<body>
请输入字符:<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>
</body>
</html>
⑵ js规定文本框里输入数字的大小范围。否则弹出警告框
你把这个代码放在<body>区试试看:
<input type="text" onkeyup="if(this.value.length>10){alert('输入的字符已经大于10了!')}" />
⑶ 在js中如何动态改变文本框的长度
<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">
<html>
<head>
<title>文本框宽度自动适应文本宽度 </title>
</head>
<script type="text/javascript">
function changeInputlength(cursor)
{
var getcount=document.getElementById("countFont");
var getText=document.getElementById("text");
getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>';
cursor.size=getText.value.length+2;
}
</script>
<body>
请输入专字符:属<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>
</body>
</html>
⑷ css JS问题:如何使input输入框输入进去字体改变大小
其实做两层也不错的。。
底下那层专门用来放提示文字。。
类似淘宝的登录。
这样就不用管是不是激活输入框了。只需要控制提示文字层的显示和隐藏就行了。
⑸ js控制输入框的长度
<input type="password" maxlength=6>
⑹ js 输入框控填写宽高可以控制div大小,resizable调整宽高数据可以在输入框显示
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="Generator"content="EditPlus®">
<metaname="Author"content="">
<metaname="Keywords"content="">
<metaname="Description"content="">
<title>Document</title>
<style>#main{width:100px;height:100px;background:#000;}</style>
</head>
<body>
<divid="main"></div>
<inputid="width"/>
<inputid="height"/>
<script>
function_$(id){
returndocument.getElementById(id);
}
//监听鼠标抬起事件
_$('width').onkeyup=function(){
_$('main').style.width=this.value+'px';
}
_$('height').onkeyup=function(){
_$('main').style.width=this.value+'px';
}
</script>
</body>
</html>
⑺ JS怎么控制文本框输入的长度
JS控制文本框输入的长度的方法如下:
1、html页面中有以下文本:
<input id="groupidtext" type="text" style="width: 100px;" maxlength="6" /></td>
2、用js限制输入的最大长度的脚本如下:
$(function)
$('#groupidtext').on{'input', function(e)}
if(this.value.length === 6) { //如果输入长度等于6,则禁用输入}
$('input[type="submit"]').prop('disabled', false);
else
$('input[type="submit"]').prop('disabled', true);
js限制文本框输入的长度为18位字符, 只能是数字和字母,如果输入的字符超过18位就不能在输入了。
⑻ javascript 如何让文字大小自适应文本框(急)
既然已经做到了“在更改文本时自动调整文本大小”,那么你可以在onload事件中把回这个操作自动运行一遍答,这样当加载该Document时文字大小就会自动改变了:
window.onload = Function() {
//这里放入你的“自动调整文本大小”的代码
}
还有一点要注意:一定要在页面完全加载完毕才进行字体调整,否则就会出现“一闪而过,很快字体又变大了”的情况。所以一定要在window.onload事件中进行。
⑼ 急:如何用javascript设置输入文本框的字体和大小并提交
当然可以,而且方法很多.
下面举个例子吧:
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeSize(obj){
document.all.modes.style.fontSize = obj.value;
}
function changeFont(obj){
document.all.modes.style.fontFamily = obj.value;
}
//-->
</SCRIPT>
<select name="select" onChange="changeFont(this)">
<option value="黑体">黑体</option>
<option value="宋体" selected>宋体</option>
</select>
<select name="select2" onChange="changeSize(this)">
<option value="9">五号</option>
<option value="12" selected>四号</option>
</select>
<textarea name="modes" cols="52" rows="6" style="width: 500px;height: 300px"></textarea>
-----------------------------------------------
你应该先用style指定textarea的长和宽,不然样式变了,文本区域的大小也会随之发生变化