Contoh dalam artikel ini menerangkan cara melaksanakan lebar kotak teks lebar teks penyesuaian dalam js. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Kod JS yang secara automatik akan meningkatkan lebar mengikut bilangan aksara yang dimasukkan ke dalam kotak teks Apabila kita memasukkan aksara dalam kotak teks, jika lebar kotak teks ditakrifkan terlalu kecil, maka aksara yang kita masukkan. akan Tersembunyi, kod ini menyedari bahawa kotak teks secara automatik akan menyesuaikan diri dengan jumlah teks input, dan ia akan memanjangkan secara automatik.
Kesan operasi adalah seperti yang ditunjukkan di bawah:
Kod khusus adalah seperti berikut:
<!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>
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
