div标签模拟textarea
来源:互联网 发布:淘宝夜店装 编辑:程序博客网 时间:2024/06/08 03:22
只需要将div设为contenteditable即可
- 以下是例子
<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--><!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>div模拟textarea</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .virtual-textarea{ min-height: 100px; max-height: 300px; width: 300px; overflow-x: hidden; overflow-y: auto; border: 1px solid #f60; } </style> </head> <body> <!--[if lt IE 7]> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div class="virtual-textarea" contenteditable></div> </body></html>
- 效果展示
以上
阅读全文
0 0
- div标签模拟textarea
- div模拟textarea
- div模拟textarea
- html5 div 模拟textarea
- angularjs使用div模拟textarea文本框
- 用一个div模拟textarea的实现
- 用一个div模拟textarea的实现
- div模拟实现textarea(高度自适应)
- div模拟textarea高度随文本变化
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域现高度自适应
- div模拟textarea以实现高度自适应实例页面
- div模拟textarea以实现高度自适应实例页面
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域及高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域及高度自适应
- 组合数
- Swift开发指南:使用Swift与Cocoa和Objective-C(Swift 4)
- Bootstrap学习笔记——排版
- 关于atom插件下载难的问题
- uva 1151 Buy or Build
- div标签模拟textarea
- HDU 5510 Bazinga 多种姿势
- 看电影
- windows下redis的基本命令
- 高斯消元法求解方程组
- 【Luogu3808】多项式乘法FFT
- CCF CSP 2014年9月第3题 字符串匹配(strstr函数的应用)
- 大话设计模式之访问者模式
- 第十章g2o_custombundle中的common文件夹中的flags文件夹下的command_args.h