input自适应高度

## input自适应高度
js 实现$(document).ready(function () {var input = $("#div").find("input[type='text']");input.each(function () {var inpval = $(this).val();$(this).attr("value", inpval);this.style.whiteSpace = 'normal';$(this).css({"white-space": "normal", "word-wrap": "break-word","word-break": "break-all","height": "auto","min-height" : "34px","padding": "10px 0px"});//white-space:normal;word-wrap:break-word;word-break:break-allvar inptext = $(this).prop("outerHTML");inptext = inptext.replace('"text"', '"reset"');$(this).parent().append(inptext);$(this).remove();//$(this).parent().append($(this).val());//$(this).remove();//$(this).width(textWidth($(this).val()));})})

效果图

input自适应高度相关推荐

html input text自动适应,HTML 自适应高度的输入框
背景: 实现一个自适应高度的输入框, 空格与换行每次最多只能输入一个; 尝试与思路首先想到的就是 textarea, 但是需要设置高度或者行数 rows, 这样超出设定就会出现滚动条, 而且空 ...
vue-textarea 自适应高度
需求简介一个搜索页面,上面输入框,下面列表展示搜索到的结果. 重点是:产品要求搜索框默认显示一行,当输入的文字超过一行时,输入框的高度会随着改变,直到输入完毕. 解决思路设想本想利用textare ...
js实现textarea根据内容大小自适应高度
首先,我们来看看源代码: /** * 文本框根据输入内容自适应高度 * @param {HTMLElement} 输入框元素 * @param {Number} 设置光标与输入框保持的距离(默认0) ...
vue中textarea标签自适应高度
textarea.js文件 /** * 文本框根据输入内容自适应高度 * @param {HTMLElement} 输入框元素 * @param {Number} 设置光标与输入框保持的距离(默认0) ...
微信小程序项目实战知识点总结(swiper组件自适应高度，自定义弹出层，悬浮按钮，虚拟键盘)...
1.小程序 swiper 组件默认高度150px,并且如果子元素过高,swiper不会自适应高度 height:100vh; 2.微信小程序自定义弹出层,参考网址:https://blog.cs ...
文本框根据输入内容自适应高度
2019独角兽企业重金招聘Python工程师标准>>> jQuery实现 (function($){$.fn.autoTextarea = function(options) {va ...
echarts tree (树图) 实现自定义节点图标自定义样式点击节点后线条变色自适应高度搜索后节点关键字标红写的很详细，建议收藏！
前言网上找了好久资料,没有一个完整实例,所以研究出来立马发布,共享下,希望能帮助到大家. 一.实现效果方式1:提供视频方式大家看下符不符合要求方式2:Demo演示地址点击此处,可查看演示地址 ...
vue移动端表格吸顶、行自适应高度、列左侧固定悬浮
简介 1.表头吸顶效果 2.左侧列固定,右侧滑动,表头跟随内容滑动 3.行高自适应番外最近上海疫情,居家办公一月多了,愿阴霾散去.最近网上在正常得市民抱怨中,有很多别有用心之人,数典忘祖,造谣生事 ...
JS控制 textarea多行文本框HTML标签根据内容自适应高度
<script> // 页面加载调用ableMutibleTextArea();function ableMutibleTextArea(){$('textarea').each(func ...

input自适应高度

效果图

input自适应高度相关推荐

最新文章

热门文章