Question

因此我输入了一个高度为“ 300px”的输入，这意味着它相当大，当我输入文本时，输入是从输入的中间开始的，而不是从左上角开始的。我该怎么办？

text-align: left;
height: 300px;

Answer 1

您可以使用padding代替身高。这样的话就足够了：

input{
    padding-bottom: 280px; /* change this depending on your requirements */
}

尽管我不建议这样做。非常俗气，对用户不友好。如评论所建议，您应该查看 HTML 的本机textarea元素。

Answer 2

这可能不是您想要的，但请考虑一下。

var textarea = document.getElementById("demo");

function getValue() {
  alert(textarea.value); // Works just like a text input!!!
}

#demo {
  height: 300px;
  resize: horizontal;
  /* Considering you have defined a height */
}

<!DOCTYPE html>
<html>

<head>
  <!--
    <link rel="stylesheet" href="path/to-your/css-file.css">
  -->
</head>

<body>
  <textarea id="demo">And yes you can get the value of a textarea just like a text input!</textarea>
  <button onclick="getValue()">Get Value</button>
</body>

</html>

试图控制文本在输入中的位置

2 个答案: