Js模仿编辑器中适时改变文本框的大小，包括宽度和高度>>表单按钮>>网页特效>>畅无忧设计

网站首页

手机版

注册登录

您现在的位置：畅无忧设计 >> 网页特效 >> 表单按钮 >> 正文

热门文章

Js实现点击添加增加一行，点击删除
DIV中实现input垂直居中
常用的选择省份城市的联动下拉列表
JS动态增加删除一组输入框
jQuery实现Email邮箱地址自动补全代
Select实现多选
JS动态批量创建带表单文本框的表格
JS实现上传本地图片前先预览
日期选择下拉框
漂亮的点击弹出的登陆框

带提示的文本搜索框，仿Dell.com
表单文本框得到和失去焦点的效果
应用方向键控制选择项目的文本框
表单文本框文字提示效果
点击将内容加入文本框
指定文本框输入长度并自动转跳到下一个文
文本框输入提示/自动完成的Js代码
JS动态批量创建带表单文本框的表格行和列
只能输入大于等于0的整数的文本框
只能输入大于0的整数的文本框
简单实现文本框数值加1或减1
jquery实现文本框弹出热门标签的提示效果
显示在文本框里的Js打字效果代码
将文本框变为只读，禁止输入字符
CSS实现虚线文本框效果
只能输入中文的文本框
只能输入数字和小数点的文本框
只能输入英文和数字的文本框
给文本框添加灰色提示文字
可增加和删除的表格行和文本框

Js模仿编辑器中适时改变文本框的大小，包括宽度和高度

来源：源码爱好者更新时间：2010/12/19 17:23:31 阅读次数：我要投稿

△运行

☉预览

特效预览：

#复制

+收藏

特效代码：

<html>
<head>
<title>改变文字区域的高宽</title>
<script language="javascript">
<!--
 function addrows(){
  rows = form1.txt.rows;
  rows++;
  form1.txt.rows = rows;
 }
 function addcols(){
  cols = form1.txt.cols;
  cols++;
  form1.txt.cols = cols;
 }
//-->
</script>
</head>
<body>
<form name="form1">
  <textarea name="txt"></textarea>
  <input type="button" value="增加高" onClick="addrows()">
  <input type="button" value="增加宽" onClick="addcols()">
</form>
</body>
</html>

△运行

☉预览

特效预览：

#复制

+收藏

特效说明：

　　Js模仿编辑器中适时改变文本框的大小，包括宽度和高度，在一些在线编辑器，比如eWebEditor中，就有一个功能，让文本框不断的增大或减小，以适应页面的大小，这个功能是如何实现的呢?请您参考一下这个程序，相信你会从中获益。

上一篇文章：选中单选按钮时为其增加背景色首重显示

下一篇文章：下拉框选择图片，可做用户注册时的头像选择