如何在输入字段上打断单词，以便在达到该字段的宽度时开始换行？

Question

我需要使用输入字段，而不是文本区域，并且我希望在达到输入字段的宽度时，这些单词能够断开。目前，所有内容都写在同一行中。

找到我一直在尝试的代码。

感谢您帮助这个新手！

.form-container {
  float: left;
  width: 100%;
}

.form-container input[type=text] {
  padding-bottom: 40px;
  overflow-y: auto;
  overflow-wrap: break-word;
}

    <form class="form-container">
      First name:<br>
      <input type="text" name="firstname" value="Mickey">
      <br>
      Last name:<br>
      <input type="text" name="lastname" value="Mouse">
      <br><br>
      <input type="submit" value="Submit">
    </form>

Answer 1

我不确定您所说的“中断”到底是什么意思，但是据我所知，如果您要中断到单独的一行上，那么您将没有多行文本输入字段。