在html中制作可滚动的文本字段？

Question

我是否可以查看此处输入的所有文本内容？ 所有这些值都来自数据库。

我使用了style="overflow-x:auto"，但是它没有任何改变。

Answer 1

尝试将输入包装在容器中并限制其宽度，然后在容器上使用溢出属性代替输入：

div {
  width: 100px;/*for example only*/
  overflow: auto;
  white-space: nowrap;/*for example only*/
  padding: 10px;/*for example only*/
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

<div>
  <input type="text" value="687sjkfkjahfkgjahskjdghaskhkjhasdkjghasjkhgkjsadhgkjsdkjfhskdhfkjsa">
</div>
<div>
  <input type="text" value="687sjkfkjahfkgjahskjdghaskhkjhasdkjghasjkhgkjsadhgkjsdkjfhskdhfkjsa">
</div>
<div>
  <input type="text" value="687sjkfkjahfkgjahskjdghaskhkjhasdkjghasjkhgkjsadhgkjsdkjfhskdhfkjsa">
</div>
<div>
  <input type="text" value="687sjkfkjahfkgjahskjdghaskhkjhasdkjghasjkhgkjsadhgkjsdkjfhskdhfkjsa">
</div>
<div>
  <input type="text" value="687sjkfkjahfkgjahskjdghaskhkjhasdkjghasjkhgkjsadhgkjsdkjfhskdhfkjsa">
</div>