html5怎么设置左边input(HTML5中input输入框默认提示文字向左向右移动的示例代码)
类别:Web前端 浏览量:2556
时间:2021-10-28 10:51:22 html5怎么设置左边input
HTML5中input输入框默认提示文字向左向右移动的示例代码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循环及条件指令(html5实现滑块功能之type="range"属性)
- html5发送文字特效(HTML5调用手机发短信和打电话功能)
- vscode快速生成html框架(VSCode 自定义html5模板的实现)
- html5长按动画效果(HTML5实现移动端弹幕动画效果)
- html5炫酷代码(HTML5实现视频弹幕功能)
- html5中datalist标签
- HTML5中新增的Input类型
- html5 video标签
- css弹出遮罩层页面不可滑动(Html5页面点击遮罩层背景关闭遮罩层)
- html5div例子(html5 外链式实现加减乘除的代码)
- html5的新特性
- html5浏览界面怎么设置(HTML5textarea高度自适应的两种方案)
- 用html5的canvas绘制剪裁图像(Html5 canvas画图白板踩坑)
- html5弹出窗口(Html5页面上如何禁止手机虚拟键盘弹出)
- html5 页面向上滑动(html5手机键盘弹出收起的处理)
- ios如何播放html5(Html5移动端适配IphoneX等机型的方法)
- 今日大雪,大雪养生这样做,一年都有好气色(大雪养生这样做)
- 粗盐是什么 粗盐的功效与作用(粗盐的功效与作用)
- 会 吃人 的客机 从天堂到地狱只需5分钟,图-104如何做到(会吃人的客机)
- 男人犯的错,为什么要女人来承担(为什么要女人来承担)
- 心理学 四个金蟾,哪个最招财 测你今生的运势有多棒(心理学四个金蟾)
- 吉善缘《聚宝金蟾》金蟾招财摆件 三足全铜蟾蜍客厅店铺开业礼品(吉善缘聚宝金蟾金蟾招财摆件)
热门推荐
- 使用canvas的好坏(关于canvas绘制模糊问题的解决方法)
- 在css中用属性来实现文字环绕图片(css文字环绕图片—遇到的问题及快速解决方法)
- python如何使用multiprocess(Python multiprocessing多进程原理与应用示例)
- python怎么设置matlab编程(实例详解Matlab 与 Python 的区别)
- django中的limit用法(如何在Django中添加没有微秒的 DateTimeField 属性详解)
- docker pull 更新本地镜像(Docker 拉取镜像及标签操作 pull | tag)
- 怎么判断云服务器的性能(如何判断云服务器的好坏)
- phpstudy报错(phpStudy运行帝国备份王出错解决方法)
- mysql数据库简单优化(MySQL数据类型优化原则)
- docker容器启动后怎么进入(Docker 退出container后保持继续运行的操作)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9