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入门布局(吃透移动端 Html5 响应式布局)
- html5基本标签详解(详解HTML5布局和HTML5标签)
- html5常用标记(HTML5超文本标记语言的实现方法)
- html5新增特性(总结html5自定义属性有哪些)
- html5按钮点击跳转(HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题)
- html5自定义字体图标(HTML5给汉字加拼音收起展开组件的实现代码)
- html5 拍照上传(Html5在手机端调用相机的方法实现)
- 用html制作一个简易小游戏(Html5写一个简单的俄罗斯方块小游戏)
- h5人脸扫描代码(Html5调用手机摄像头并实现人脸识别的实现)
- html5封闭ios(Html5 页面适配iPhoneX就是那么简单)
- html5怎么修改背景颜色(HTML5 body设置全屏背景图片的示例代码)
- html5表单实例(使用HTML5和CSS3表单验证功能)
- html5底部组件(HTML5 Blob对象的具体使用)
- html53d效果代码(HTML5 直播疯狂点赞动画实现代码 附源码)
- h5抽奖的弹框制作(html5实现九宫格抽奖可固定抽中某项奖品)
- 哪几个历史人物被影协主席李雪健演的活灵活现(哪几个历史人物被影协主席李雪健演的活灵活现)
- 王伦狭隘,晁盖霸道,宋江奸诈骨头软,只有鲁智深才适合当寨主(王伦狭隘晁盖霸道)
- 他是梁山最早的头目,江湖人称 旱地忽律 ,宋江几乎将其遗忘(他是梁山最早的头目)
- 梁山创始人杜迁,为何不受宋江待见,只排名83位(梁山创始人杜迁)
- 法国面包(法国面包法棍)
- 微信(微信分身)
热门推荐
- mysql explain的用法
- php依赖注入对象注册(php依赖注入知识点详解)
- Dictionary转换为list
- php array只能放一种类型的数据(浅谈PHP array_search 和 in_array 函数效率问题)
- laravel验证码依赖(laravel5.2表单验证,并显示错误信息的实例)
- uni-app项目开发教程学习(分析uniapp如何动态获取接口域名)
- python删除数据框重复变量(Python3删除排序数组中重复项的方法分析)
- python爬虫模块教程(Python爬虫之UserAgent的使用实例)
- linux中swap分区的作用是(linux swap交换分区详解)
- react和antd项目教程(React引入antd-mobile+postcss搭建移动端)