如何在HTML文本框中同时获得水平和垂直滚动条

时间：2017-09-25 作者：Stephen Elliott

我有一个问题，我可以找到如何设置垂直滚动条，而不是水平滚动条。

以下是一些演示：

https://www.w3schools.com/TagS/tag_textarea.asp https://stackoverflow.com/questions/19292559/how-to-scroll-text-area-horizontally

我没有参考资料了。我希望有一个表格内的格式框，以处理桌子的100%宽度和可用高度。

2 个回复
SO网友:Marcelo Henriques Cortez

所以，根据你在评论中的解释，我不知道我是否能看到你真正需要的功能。

如果您创建<textarea>, 您将有多行供用户写入。

如果您创建<textarea>, 并定义white-space: pre;, 您可以使用单杠。

如果您创建<textarea>, 定义white-space: pre;, 用JS稍微调整一下，就会得到一个框，可以水平滚动，还可以定义maxlength （就像我做的例子：https://codepen.io/anon/pen/MEJqBj

SO网友:Stephen Elliott

尝试https://www.w3schools.com/TAgs/att_textarea_readonly.asp 没有只读字段（允许写入）。

基本上尝试：

    <textarea>
    At w3schools.com you will learn how to make a website. We offer free
    tutorials in all web development technologies.
    </textarea>
从相关链接：https://stackoverflow.com/questions/1125482/how-to-impose-maxlength-on-textarea-in-html-using-javascript/1125521#1125521 可以使用onKeyPress事件来更新下游内容。例如，对于我自己，我定义了一组文本框，这些文本框由小部件中的其他对象更新，因为对我来说，在其他对象之前让文本框工作更容易（这是一个肯定但缓慢的解决方案）。

    <textarea onKeyPress="return ( this.value.length < 1000 );" id = "textareaid" rows="4">
    </textarea>
在WordPress的后端小部件中，“textareaid”需要仔细处理（这里我还有另一个问题，但我还没有足够的参考资料在答案字段中发布该链接。）

结束
标签： infinite-scroll   content-width   小码农  

相关推荐