模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
表單按鈕特效代碼
>
收藏
分享
查看評論
表單按鈕
演示
可隨輸入自動調整長度的文本框_表單按鈕特效
查看演示效果
特效Tag:
文本框
添加
一個個性的文本輸入框,其長度可隨著輸入字符的增多自動調整,不會出現被遮擋的現象,很酷吧。
<html> <head> <title>自動變長的輸入框</title> <script> function call_me(max_length) { if((document.form1.mybox.value == null ) || (document.form1.mybox.value == "" )) document.form1.mybox.size = size; if((document.form1.mybox.value.length >= size) && (document.form1.mybox.value.length <= max_length)) document.form1.mybox.size = document.form1.mybox.value.length + 1; else document.form1.mybox.size = size; } </script> </head> <body> <form name="form1"> <div align="center">輸入一長串字符試下: <input type="text" style="font-family: Terminal" name="mybox" maxlength="30" size="10" onFocus="setInterval('call_me(document.form1.mybox.maxLength)', 1)"> </div> </form> <script> var size = document.form1.mybox.size; </script> </body> </html>
所屬頻道:
表單按鈕特效
/
更新時間:2013-01-06
[收藏]
[報錯]
[返回列表]
相關
表單按鈕特效
:
又一個帶描述的表單
可自由移動位置的導航條
頁面轉跳。跟本站的教學文章中的那些轉到第幾頁一樣的
帶Checkbox的列表框
提供四種打開新窗的形式
自動復制代碼
方便登錄各種管理頁面以及任何EMAIL量身定做!
QQ分類搜索代碼
查找表格的內容
一個帶描述的表單
常用email檢驗函數
file框模擬新解
表單按鈕特效Rss訂閱
特效代碼搜索
表單按鈕特效推薦
按回車鍵讓光標跳至下一個文本框
表單提交后按鈕變成灰色
JavaScript控制文本框的值連續加減
CSS+JS實現的漂亮圓角按鈕
一款經過JS+CSS美化的下拉列表框
復選框控制文本輸入框是否可用
基于JS的5級聯動Select下拉選擇框(級聯菜單)
提交按鈕變灰色,輸入完成才可以提交
讓屏幕抖動一陣
JavaScript字母、漢字混合的拼音排序列表框
猜你也喜歡看這些
JS倒計時代碼
JavaScript進行日期計算的示例
一個定時的倒記時
選擇日期
輸入時間
一款漂亮的日歷腳本
十二個月
隨機數據顯示功能、選號器
百度的Js日歷,值得一看
顯示他人在頁面停留的時間,而且可以作出提醒
相關鏈接:
復制本頁鏈接
|
搜索可隨輸入自動調整長度的文本框
特效說明:
表單按鈕模板
-
可隨輸入自動調整長度的文本框
。