HTML5中input输入框默认提示文字向左向右移动的示例代码

美丽的花园666 · 发表于 2024-4-20 10:33:04

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输入框提示文字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

浪子V东方 · 发表于 2024-4-30 20:14:55

友善的讨论氛围是非常重要的。

dan · 发表于 2024-5-7 13:53:02

这个话题很有趣，我想多了解一些

43146772 · 发表于 2024-5-11 10:02:25

能给个链接吗？我想深入了解一下。

囧王者小迷妹 · 发表于 2024-6-24 15:39:21

这个话题真是有趣，我也对它感兴趣。

strikefreedome · 发表于 2024-7-30 15:44:46

这个话题很有趣，我想多了解一些

x1803623252 · 发表于 2024-9-2 03:09:10

确实牛逼

十年国战玩家ok · 发表于 2024-9-5 04:22:00

你的信息来源是？我想了解更多。

时团顶针 · 发表于 2024-9-26 04:19:34

6666666666

风铃 · 发表于 2024-9-30 09:30:05

友善的讨论氛围是非常重要的。

		自动登录	找回密码
密码			立即注册

HTML5中input输入框默认提示文字向左向右移动的示例代码

本帖子中包含更多资源

热心会员

付费会员