时间戳

首页 > 解决方案 > 停止输入框 HTML 上的文本溢出

html - 停止输入框 HTML 上的文本溢出

问题描述

我有一个电子邮件输入框，输入末尾带有发送按钮。我正在尝试找到一种方法来阻止文本在发送按钮下的较长输入上过度运行并在它进入之前停止

我这部分的代码是：

<form class="form" >
        <input type="email" class="form__field" placeholder="Your E-Mail Address" style="border-radius: 20px;"/>
        <button type="button" class="btn s btn--inside uppercase" style="top: 8px; color: black;">Send</button>
    </form>

-输入框图片-

-问题图片-

对此的任何帮助都会有所帮助，谢谢

https://jsfiddle.net/rgL6e45f/

我的问题

标签： htmlcss

解决方案

设置最大长度

<input type="email" maxlength="50" class="form__field" placeholder="Your E-Mail Address" style="border-radius: 20px;"/>

推荐阅读