javascript - 谷歌 Material 设计打字时增加文本区域

标签 javascript jquery html css material-design

我正在尝试实现 Google Material Design Guidelines在我的表单中,它运行得很好,直到我碰到文本区域。我想要的是这样的: 当您专注于文本区域时,只有一行,但是当您到达该行的末尾(打字时)时,它会自动添加另一行并继续在那里打字。

我在 codepen 上找到了这个,但是它使用了输入字段,而不是文本区域。这只是水平滚动... Demo

  <input type="text" required>

谁有这个代码并愿意分享吗? 谢谢

最佳答案

所有的 Material Design CSS 和 Jquery 都是你自己创建的吗?

否则,我发现像你在这里提到的Material Design textarea:

来源:https://materializecss.com/text-inputs.html#textarea

查看他们的 Textarea 部分。

关于javascript - 谷歌 Material 设计打字时增加文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30694132/

相关文章:

javascript - jquery中实例的初始化问题和使用

javascript - 如何根据 fabricjs 中的宽度按比例调整 Canvas 中的图像大小?

jquery - 如何使用 jQuery 显示和隐藏表格行?

javascript - 为什么在 iOS Safari Mobile (iPhone/iPad) 中不触发模糊事件?

javascript - jQuery UI Slider - 根据选择而变化的自定义滑动按钮

javascript - Kendo Grid 如何创建标题行

javascript - 将 JavaScript 对象数据传递到 Bootstrap 模式

javascript - 将小数解析为一个跨度

javascript - 主 div 不能随动态内容正确缩放

javascript - 更新全选/取消全选复选框