Web前端输入框如何换行取决于使用的技术和具体的需求。以下是常见的几种实现方式：

使用textarea标签：textarea标签是HTML中专门用于多行文本输入的表单元素。它会自动换行，可以通过设置rows和cols属性来调整大小。示例代码如下：

</p> <p>请输入多行文本...</p> <p>

在textarea标签之间的内容即为默认显示在输入框中的文本，可以根据需求进行调整。

使用CSS的white-space属性：white-space属性用于控制元素内部空白字符的处理方式。通过设置为pre-wrap或pre-line，可以实现换行效果。

在以上示例中，div元素为实现换行效果的输入框，通过设置white-space属性为pre-wrap或pre-line，可以使元素内的文本根据需求自动换行。

使用CSS的word-wrap属性：word-wrap属性用于控制长单词或URL是否可以在换行时被拆分为多行。通过设置为break-word，可以实现在行尾自动换行。

在以上示例中，div元素为实现换行效果的输入框，通过设置word-wrap属性为break-word，可以使长单词或URL在行尾被拆分为多行，实现自动换行效果。

需要注意的是，以上只是其中几种常见的实现方式，实际应用中还可以结合JavaScript等技术进行更加灵活的实现。根据具体需求选择合适的方法来实现换行效果。