说起输入框，大家都耳熟能详了，今天跟大家谈一谈H5时代的多行输入框！
　　首先一起回顾下输入框在PC端的应用：
　　PC端多行输入框的实现及问题
　　多行输入框，毫无疑问，大家都会想到表单元素textarea标签，在WEB应该用上常见的是评论输入框，微博信息输入框等，它们有着如下的共同点：
　　有默认高度（默认三行文字的高度）；
　　有最大高度；
　　超过最大高度即出现垂直滚动条；
　　在页面最顶端，有实际占位；
　　实现方法一：
　　比如：企鹅微博
　　方法一问题：由于超过默认高度后，高度需要实现随内容自动撑开的视觉效果。目前大部分的实现方法是：通过js检测是否产生滚动条来确定显示文本域的高度是否动态增加！对于不会js的小白有没有更适合的方案呢！当然有的！
　　方法二：div模拟textarea文本域及高度自适应
　　此种方法主要使用的是contenteditable标签属性，即允许用户编辑元素内容包含的任意文本，包括子元素！使用方法非常简单，只需要在block元素上加上contenteditabletrue就可以了，如下demo：
　　方法二问题：如果您是从其他页面上拷贝一段内容过来，然后粘贴到可编辑模式下的div中，会连HTML也完整的复制过来的，这种情况下就需要对输入的内容进行HTML字符过滤。
　　这两种解决方案同样也适用于H5页面！
　　H5端多行输入框的实现
　　H5及移动设备上输入框有着如下的共同点：
　　有默认高度（一般容纳一行内容的高度）；
　　有最大高度；
　　超过最大高度即出现垂直滚动条；
　　在页面最底端，输入内容会呼出键盘；
　　如下图类似微信客户端的输入：
　　上面提到的PC端的两种方法也可以实现此效果，同样的有以下问题：
　　一、textarea：需要通过js检测来动态增加高度，这在移动端，并不是很理想的实现方式；
　　二、用div模拟：键盘被唤醒的时候会将固定在底部的输入框遮挡住一部分，无论是用absolute还是fixed，都会存在这样的问题！（不过不用担心，新的系统已经解决了这个问题！）
　　所以，在做H5的时候，第二种方法很值得一试！

韩国智能马桶盖都有哪些品牌如果想体验一下智能马桶的话，我们可以在已有的马桶底座上，选择合适尺寸的智能马桶盖，也是一样可以感受到智能带来的便利的。智能马桶盖除了国内有很多品牌产品可以选择之外，还有很多人喜……夏之炎我们期盼已久的夏天来到了，那蔚蓝的天空，连绵不断的白云，耀眼的太阳炙烤着大地，一切都是夏天的气息。西瓜成熟了，家家户户都有一个，用刀子切开来一看，那鲜红的果肉，是多么的诱……别小看教育写作对于学校管理的重要性近日，看到一位网友在网上吐槽，声称写随笔文章会被学校认为是影响工作。早在几年前，我参加一次校长论坛时，就听到一位校长在大会上表示教师写随笔没有用。我认为，这些反对教师写教育反思……青青竹林梦一程年近四十，梦也仿佛认了命，退却不切实际的浮华和喧嚣，夜夜拜访我离开二十多年的童年的乡下。那个因村支书姓氏而不断变化的村庄，先胡家梁继而段家庄后来周家垭，现在因上门女婿主政争论不……有备无患造句用有备无患造句大全【有备无患yubiwhun】：患：祸患，灾难。事先有准备，就可以避免祸患。1，居安思危，思则有备，有备无患。2，有备无患，无备遭难。早知今日，何必当初。当初蛮干，今……和男朋友吵架了的说说一、别等我的热情变成捂不化的冰你才会感受到我的存在。二、互相研究了三周，相爱了三个月，吵架了三年，彼此忍耐了三十年然后，轮到孩子们来重复同样的事。这叫做结婚。泰恩三……存款保险制度和每个人的钞票都有关系一、什么叫存款保险制度？在国外，存款也是可能鸡飞蛋打的，因为有非常多的民营银行，而且他们也可以破产倒闭。比如2008年金融危机，美国就倒了很多家银行。一般来说，存款……借脉教妻早年间，河南省有个姓朱的秀才，自幼与邻村金家之女定亲，18岁上将金氏娶过门来，小两口你恩我爱欢乐无比。谁知没多久，二老相继下世，家道中落，日子一下陷入困境。朱生从未理过农活，拿……低质造句用低质造句大全1，爱生态不爱生病；爱低碳不爱低质；爱礼貌不爱礼金；爱学习不爱学坏；爱进步不爱退步；爱礼让不爱礼品；爱自强不爱自大；爱文明不爱文盲。2，现在，这个照相机还只能照出低质量的……国庆节几号车少我们都知道，国庆节是每年很长的一个假期，也是我国的黄金假期之一，很多人都会在国庆节期间外出游玩，尤其是上班族。在国庆节期间一般都会容易堵车，那么今年国庆节几号车少不堵车呢？下面……哪些妇女易发宫外孕患慢性输卵管炎的妇女：输卵管是输送受精卵到达宫腔的管道，内有皱壁，皱壁上有纤毛。患有慢性输卵管炎的妇女，管壁内粘膜皱壁发生粘连，使管腔变窄，同时由于炎症及病变，还引起输卵管粘膜……战疫情观后感2020，是一个多么美好的年份，却被一场疫情破坏了，抗击疫情，我们一起！下面是小编收集整理的2020战疫情观后感，欢迎阅读参考！2020战疫情观后感12020，是一……