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

2024-11-2 22:14| 发布者: 76a9| 查看: 90| 评论: 0

摘要: HTML5中input输入框默认提示笔墨向左向右移动起首演示input输入框代码 [code] <style> * { margin: 0; padding: 0; } .sousuo { width: 458px;

HTML5中input输入框默认提示笔墨向左向右移动起首演示input输入框代码

[code] <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>[/code]

代码运行界面图

运行界面

重要的点来了

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

[code] text-indent: 20px;[/code]

下面我们看下加入代码后的运行界面

运行截图

到此这篇关于HTML5中input输入框默认提示笔墨向左向右移动的示例代码的文章就先容到这了,更多相干html5 input输入框提示笔墨内容请搜索脚本之家以前的文章或继续浏览下面的相干文章，希望大家以后多多支持脚本之家！

来源：https://www.jb51.net/html5/744563.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

收藏分享邀请

上一篇：HTML5输入框下拉菜单功能的示例代码下一篇：详解如何在登录逾期后跳出Ifram框架

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

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

相关分类

站长推荐 /6