⑴ 用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的長和寬,不然樣式變了,文本區域的大小也會隨之發生變化