HTML 中的文本输入占位符溢出

Text Input Placeholder Overflowing in HTML

提问人：Yahya Salamudin 提问时间：11/17/2023 最后编辑：async awaitYahya Salamudin 更新时间：11/18/2023 访问量：57

问： 

<input
    class="form-control"
    style="width: 15rem; height: 15rem;"
    v-model="formData.booking_code"
    placeholder="Masukkan Kode Booking, contoh : XYBJLL"
/>

所以，我想在我的输入文本中添加一个占位符。但是它太长了，所以它溢出了，文本被切断了。

我想让占位符文本在到达边缘时继续到底部。

我不想使用文本区域，因为它不能垂直对齐

javascript html ， css， vue.js

评论

0赞 Tim Roberts 11/17/2023
“继续到底部”——你的意思是拆分到一条新线吗？占位符不能这样做。它们是一个非常有限的功能。但是，您可以将任何您想要的内容放入周围的文本中，甚至可以使用 CSS 让它来来去去。
0赞 Yahya Salamudin 11/17/2023
谢谢先生，提供信息。但是你把任何内容放在文本周围是什么意思，我可以要求一个 css 样式示例，以便它可以创建一个新行吗？
0赞 Tim Roberts 11/17/2023
我的意思是在包含提示文本的文本框的右侧或下方添加一个单独的标签。您可以使用 Javascript 在他们输入内容后使其不可见。<span>
0赞 async await 11/18/2023
你不能垂直对齐文本区域是什么意思？

答： 暂无答案

上一个：有没有办法使用 HTML/CSS/JS 根据窗口大小缩放复杂的 &lt;div&gt;？

下一个：classList.add（） 在 setTimeout（） 函数中不起作用