input标签改变高度的同时如何使光标定位在左上角（不使用textarea）

在HTML中，<input> 标签通常用于创建单行文本输入框。由于它是为单行输入设计的，因此没有直接的方式来改变光标的位置或使其像 <textarea> 那样支持多行文本输入。

不过，如果你希望模拟一个类似 <textarea> 的效果，但又不希望实际使用 <textarea>，你可以考虑以下的方法：

1. 使用CSS来模拟:

你可以使用CSS来调整 <input> 的高度，并尝试通过内边距（padding）来调整光标的位置。但请注意，这只是一个视觉效果，实际上用户仍然只能在一行中输入。

<input type="text" class="custom-input">

<style>
.custom-input {
    height: 100px;  /* 调整高度 */
    padding-top: 85px;  /* 通过内边距将光标“推”到左上角 */
    box-sizing: border-box;  /* 确保总宽度和高度包含内边距和边框 */
}
</style>

但这种方法只是视觉上改变了输入框的高度，并且光标会出现在左上角，但实际上用户仍然只能在单行中输入。
2. 使用JavaScript:

如果你需要多行输入的功能，但又不想使用 <textarea>，你可能需要使用更复杂的JavaScript解决方案，例如使用contenteditable属性的<div>元素，或者使用第三方库来模拟多行输入。
3. 使用其他HTML元素:

考虑是否真的需要使用<input>。如果你的需求是多行文本输入，那么<textarea>可能是更合适的选择。如果你只是想要一个外观上的效果，那么可以使用CSS来模拟。

总的来说，如果你真的需要多行输入和光标定位功能，最好的选择可能是直接使用<textarea>。但如果只是为了达到某种视觉效果，可以使用CSS来调整<input>的外观。