HTML5中input输入框默认提示文字向左向右移动的示例代码
2020-09-20 04:09
1901 查看
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输入框提示文字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
相关文章推荐
- 使用JavaScript 在input 之 value 输入框文字提示代码
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- 使用Html5+CSS3摆脱JS做带提示文字的输入框
- 使用Html5+CSS3摆脱JS做带提示文字的输入框
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder方法
- jQuery自定义组件——输入框设置默认提示文字
- CSS设置输入框默认文字颜色(webkit-input-placeholder等)
- 【代码片段】输入框默认文字,点击消失
- CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示
- HTML5 placeholder美化input背景提示文字
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- js修改input的type属性问题(兼容所有浏览器,主要用于密码类的默认有提示文字的效果)
- HTML5----input-datalist输入框自己主动提示功能
- HTML5的input框placeholder提示文字默认为灰色,修改
- input输入框添加提示文字
- HTML中Input输入框的只能输入数字,限制长度,默认显示文字等
- (转)input实现带提示文字的输入框
- 简单代码autocomplete="off"实现禁用input输入框的自动提示功能
- HTML5 placeholder美化input背景提示文字
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码