你可以使用textarea标签，并配合一些CSS样式来实现输入框高度的自适应。具体做法如下： 1. 使用textarea标签来作为输入框，注意它的rows和cols属性可以控制输入框的初始行数和宽度：
```html
<textarea id="my-textarea" rows="2" cols="50"></textarea>
```2. 使用CSS对该输入框进行样式的调整，首先将它的高度设置为auto，然后设置其他一些参数如字体、行高等：
```css
#my-textarea {
height: auto;
font-size: 16px;
line-height: 1.5em;
resize: none; /*禁止用户调整输入框大小*/
}
```3. 接着，为了使输入框可以根据内容自适应高度，可以使用JavaScript监听输入框的输入事件，并在每次输入后更新它的高度值：
```javascript
const textarea = document.querySelector('#my-textarea')
textarea.addEventListener('input', () => {
textarea.style.height = 'auto'
textarea.style.height = `${textarea.scrollHeight}px`
})
```这样一来，在用户输入内容时，输入框的高度会自动调整以显示全部内容。