JS实现为textatea加横向滚动条
2024-04-12 本站作者 【 字体:大 中 小 】
实例名称
JS实现为textatea加横向滚动条
实例描述
textarea用来输入多行文本,默认只有垂直滚动条。本例学习如何实现文本框的水平滚动条。
实例代码
html xmlns="" headtitle标题页-学无忧 wrap="off"/textarea/body/html
运行效果
![JS实现为textatea加横向滚动条](http://img.canyinms.com/202404/12/07/c59b1c756c85f0eb5599d8c1fec103e4.jpg)
难点剖析
本例的重点是textarea的“wrap”属性。此属性用来控制文本框是否换行。如果此值设为“off”则文本框内字符超过文本框的宽度时会出现水平滚动条,但不自动换行。如果此值设置为“soft”,则将出现word中软回车的效果,即文本中字符串超过文本框宽度时文本会自动换行。
源码下载
![](/kaifadou/static/images/ndArrow.png)
猜你喜欢
![CF手游AK47机械迷城多少钱能抽到](/kaifadou/static/images/default.jpg)
CF手游AK47机械迷城多少钱能抽到
![](/kaifadou/static/images/watch.png)
![龙之信条2琥珀龙在哪里有刷新点](/kaifadou/static/images/default.jpg)
龙之信条2琥珀龙在哪里有刷新点
![](/kaifadou/static/images/watch.png)
![全民火影Q版超萌激斗火影世界的大碰撞](/kaifadou/static/images/default.jpg)
全民火影Q版超萌激斗火影世界的大碰撞
![](/kaifadou/static/images/watch.png)
![抖音泰裤辣原文介绍](/kaifadou/static/images/default.jpg)
抖音泰裤辣原文介绍
![](/kaifadou/static/images/watch.png)
![拥挤城市怎么玩不了拥挤城市进不去怎么办](/kaifadou/static/images/default.jpg)
拥挤城市怎么玩不了拥挤城市进不去怎么办
![](/kaifadou/static/images/watch.png)
![马斯克发飙辟谣背后:特斯拉快被比亚迪卷死了](/kaifadou/static/images/default.jpg)
马斯克发飙辟谣背后:特斯拉快被比亚迪卷死了
![](/kaifadou/static/images/watch.png)
![百词斩怎么测词汇量百词斩测词汇量的方法](/kaifadou/static/images/default.jpg)
百词斩怎么测词汇量百词斩测词汇量的方法
![](/kaifadou/static/images/watch.png)
![非遗小常识:聊斋俚曲是流传于哪个地方的传统音乐蚂蚁新村今日答案](/kaifadou/static/images/default.jpg)
非遗小常识:聊斋俚曲是流传于哪个地方的传统音乐蚂蚁新村今日答案
![](/kaifadou/static/images/watch.png)
![英雄联盟手游布兰德技能介绍](/kaifadou/static/images/default.jpg)
英雄联盟手游布兰德技能介绍
![](/kaifadou/static/images/watch.png)
![王者荣耀新年累计签到活动奖励,王者签到送皮肤](/kaifadou/static/images/default.jpg)
王者荣耀新年累计签到活动奖励,王者签到送皮肤
![](/kaifadou/static/images/watch.png)
![](/kaifadou/static/images/info2.png)
2024去云南旅游最佳路线 云南旅游的最佳路线安排
![2024去云南旅游最佳路线 云南旅游的最佳路线安排](http://img.canyinms.com/d/file/kaifadou/202402/GVirBsZVfvtnrpqIOXQUOj5W.jpg)
![](/kaifadou/static/images/info2.png)
2024最适合穷游的12个地方 一个人穷游去哪里好
![2024最适合穷游的12个地方 一个人穷游去哪里好](http://img.canyinms.com/d/file/kaifadou/202402/jfhGKvsXDScsMQY7WWH17FKy.jpg)
![](/kaifadou/static/images/info2.png)
2024桂林必去五个景点 桂林旅游必看景点
![2024桂林必去五个景点 桂林旅游必看景点](http://img.canyinms.com/d/file/kaifadou/202402/8W6yI8gH3elxuT5qt6FMTdVi.jpg)
![](/kaifadou/static/images/info2.png)
2024清明家庭旅游最佳去处 清明节去哪里玩比较好
![2024清明家庭旅游最佳去处 清明节去哪里玩比较好](http://img.canyinms.com/d/file/kaifadou/202402/3gMDAIKT9WyEdryWbs0vxGJd.jpg)
![](/kaifadou/static/images/info2.png)
张家界旅游必去景区 张家界旅游景点推荐
![张家界旅游必去景区 张家界旅游景点推荐](http://img.canyinms.com/d/file/kaifadou/202402/nRcQkTXKexc9bzLpfHVFir4O.jpg)
![](/kaifadou/static/images/info2.png)
2024重庆旅游攻略 2024年重庆旅游景点
![2024重庆旅游攻略 2024年重庆旅游景点](http://img.canyinms.com/d/file/kaifadou/202402/yzCn5g0osKEt0aaJzI2G49Kw.jpg)
![](/kaifadou/static/images/info2.png)
西安旅游攻略自由行路线推荐 第一次去西安旅游攻略
![西安旅游攻略自由行路线推荐 第一次去西安旅游攻略](http://img.canyinms.com/d/file/kaifadou/202402/tJKA2BNXdC6oLgxesMVWzTC9.jpg)
![](/kaifadou/static/images/info2.png)
2024昆明旅游攻略景点大全 昆明有什么好玩的地方推荐
![2024昆明旅游攻略景点大全 昆明有什么好玩的地方推荐](http://img.canyinms.com/d/file/kaifadou/202402/GVirBsZVfvtnrpqIOXQUOj5W.jpg)
![](/kaifadou/static/images/info2.png)
成都旅游必去十大景点推荐 四川成都最值得去的十大景点
![成都旅游必去十大景点推荐 四川成都最值得去的十大景点](http://img.canyinms.com/d/file/kaifadou/202402/yxQSvAVv9ztxUW2Blfhggt3z.jpg)
![](/kaifadou/static/images/info2.png)
2024山西旅游必去十大景点 山西必去景点攻略地
![2024山西旅游必去十大景点 山西必去景点攻略地](http://img.canyinms.com/d/file/kaifadou/202402/ukzErbAPqoHaEL65eYt5IfbN.jpg)