HTM㊑L5中input键入框默认设置提醒文本向左向右移

日期:2020-12-11 类型:科技新闻 

关键词:制作小程序,小程序商城,扫码点餐小程序,微信小程序开店的步骤,牛刀小程序

HTML5中input键入框默认设置提醒文本向左向右移动最先演试input键入框编码

<style>
        * {
            margin: 0;
            padding: 0;
        }

        .sousuo {
            width: 458px;
            height: 34px;
            margin-left: 190px;
            margin-top: 200px;
            border: 2px solid red;
        }
    </style>
</head>

<body>
    <input class="sousuo" type="text" placeholder="请键入检索內容...">
</body>

编码运作页面图

关键的点来啦

能看到默认设置提醒文本是牢牢地依靠左侧框的
大家以便美观大方必须把它往后面移动 只必须在css中加上编码

text-indent: 20px;

下边大家看看添加编码后的运作页面

到此这篇有关HTML5中input键入框默认设置提醒文本向左向右移动的实例编码的文章内容就详细介绍到这了,大量有关html5 input键入框提醒文本內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!