这篇文章主要介绍了如何使用HTML5实现让默认提示文字向左向右移动效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

<style>*{margin:0;padding:0;}.sousuo{width:458px;height:34px;margin-left:190px;margin-top:200px;border:2pxsolidred;}</style></head><body><inputclass="sousuo"type="text"placeholder="请输入搜索内容..."></body>

重要的点来了

可以看到默认提示文字是紧紧靠着左边框的
我们为了美观需要把它往后移动 只需要在css中添加代码:

text-indent:20px;

感谢你能够认真阅读完这篇文章,希望小编分享的“如何使用HTML5实现让默认提示文字向左向右移动效果”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!