Input文本框隨著輸入內(nèi)容多少自動延伸的實現(xiàn)
更新時間：2017年02月15日 09:43:14 投稿：jingxian
下面小編就為大家?guī)硪黄狪nput文本框隨著輸入內(nèi)容多少自動延伸的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
實例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script language="javascript">
function checkLength(which) {
var oTextCount = document.getElementById("char");
iCount = which.value.replace(/[^/u0000-/u00ff]/g,"aa");
oTextCount.innerHTML = "<font color=#FF0000>"+ iCount.length+"</font>";
which.style.border = '1px dotted #FF0000';
which.size=iCount.length+2;
}
</script>
</head>
<body>
<input name="words" size="2" onkeyup="checkLength(this)"/>
<span id="char">0</span>個字符
</body>
</html>
以上這篇Input文本框隨著輸入內(nèi)容多少自動延伸的實現(xiàn)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了如何用JS實現(xiàn)網(wǎng)頁瀑布流布局，幫助大家更好的利用JavaScript制作網(wǎng)頁，感興趣的朋友可以了解下2021-04-04
這篇文章主要為大家詳細(xì)介紹了Javascript實現(xiàn)元素選擇器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript 解析數(shù)學(xué)表達(dá)式的過程詳解
這篇文章主要介紹了JavaScript 解析數(shù)學(xué)表達(dá)式的過程詳解,本文以一個的解題思路，來分享如何解決問題，解決的過程，可以作為解決工作中一般問題的通用思路，對js解析表達(dá)式相關(guān)知識感興趣的朋友一起看看吧2022-06-06
下面小編就為大家?guī)硪黄狫S 實現(xiàn)可停頓的垂直滾動實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
vite添加環(huán)境變量import.meta.env的方法
在不同的文件里面配置不同的環(huán)境變量,可以讓我們的配置更加容易維護(hù)和使用,這里我們說下vite配置環(huán)境變量和模式是怎么配置的,對vite環(huán)境變量相關(guān)知識感興趣的朋友跟隨小編一起看看吧2023-10-10
深入理解JavaScript系列（35）：設(shè)計模式之迭代器模式詳解
這篇文章主要介紹了深入理解JavaScript系列（35）：設(shè)計模式之迭代器模式詳解,迭代器模式(Iterator)：提供一種方法順序一個聚合對象中各個元素,而又不暴露該對象內(nèi)部表示,需要的朋友可以參考下2015-03-03
這篇文章主要給大家介紹了關(guān)于不用typsescript如何使用類型增強功能的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
javascript獲得網(wǎng)頁窗口實際大小的示例代碼
網(wǎng)頁窗口實際大小如何獲得，可行的方法有很多，在本文將為大家介紹下使用javascript是怎樣做到的2013-09-09
javascript 傳統(tǒng)事件模型構(gòu)造的事件監(jiān)聽器實現(xiàn)代碼
最近做東西需要添加大量的事件，而且要對所有事件進(jìn)行比較細(xì)致的控制，于是便試著寫了個事件監(jiān)聽器。2010-05-05
微信小程序canvas繪制圓角base64圖片的實現(xiàn)
這篇文章主要介紹了微信小程序canvas繪制圓角base64圖片的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08