input内容回显数据过多解决方案

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <!--
        onmousemove="this.title=this.value"：鼠标悬浮显示当前输入框中的内容
        style="text-overflow: ellipsis;"：如果内容长度超过input输入框的宽度，则用...代替多余部分内容
    -->
        <input value="abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz"
            onmousemove="this.title=this.value"
            style="text-overflow: ellipsis;"/>
    </body>
</html>
posted @ 2020-08-28 15:13  懂得归零  阅读(778)  评论(0)    收藏  举报