您的位置:首页 > 网页设计

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

出处:网络 时间:2020-11-11 05:10: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输入框提示文字内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!

最新信息
HTML5中input输入框默认提示文字向左向右移动首先演示input输入... [详细]
1、文章背景我们在做后台项目管理时,常用 Ifram 框架来加载页面,即... [详细]
CSS外观属性1.color:文本颜色作用:color属性用于定义文本的颜色取... [详细]
最近在进行无障碍相关文档翻译的时候遇到了 landmark 的概念,在网... [详细]
YY语音是目前国内最受欢迎的直播与聊天交友软件,而在YY语音最具的... [详细]
TextImages是一款能够帮助用户将文字内容制作成图片的软件。该软... [详细]
很多用户在使用钉钉APP的时候都收到过一些系统推荐的好友,其中有... [详细]
微信信息太多,有时候重要的内容来不及回复,回头又容易忘记,所以我们... [详细]
很多用户选择在腾讯会议进行线上开会,有时我们查找参会的人员有谁... [详细]
有很多用户在安装AutoCAD2021时,程序会突然提示&ldquo;安装失败,某... [详细]