導航:首頁 > 編程語言 > js控制文本框太小

js控制文本框太小

發布時間:2021-03-18 18:47:04

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

閱讀全文

與js控制文本框太小相關的資料

熱點內容
網路中常用的傳輸介質 瀏覽:518
文件如何使用 瀏覽:322
同步推密碼找回 瀏覽:865
樂高怎麼才能用電腦編程序 瀏覽:65
本機qq文件為什麼找不到 瀏覽:264
安卓qq空間免升級 瀏覽:490
linux如何刪除模塊驅動程序 瀏覽:193
at89c51c程序 瀏覽:329
怎麼創建word大綱文件 瀏覽:622
裊裊朗誦文件生成器 瀏覽:626
1054件文件是多少gb 瀏覽:371
高州禁養區內能養豬多少頭的文件 瀏覽:927
win8ico文件 瀏覽:949
仁和數控怎麼編程 瀏覽:381
項目文件夾圖片 瀏覽:87
怎麼在東芝電視安裝app 瀏覽:954
plc顯示數字怎麼編程 瀏覽:439
如何辨別假網站 瀏覽:711
寬頻用別人的賬號密碼 瀏覽:556
新app如何佔有市場 瀏覽:42

友情鏈接