您现在的位置是:网站首页> 编程资料编程资料

HTML5中input输入框默认提示文字向左向右移动的示例代码详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容AndroidHTML 5 input placeholder 属性如何完美兼任ieHTML5 input元素类型:email及url介绍html5 input属性使用示例HTML5输入框下拉菜单功能的示例代码html5实现输入框fixed定位在屏幕最底部兼容性

2023-10-11 281人已围观

简介 这篇文章主要介绍了HTML5中input输入框默认提示文字向左向右移动,本文通过实例代码给大家介绍的非常详细对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

HTML5中input输入框默认提示文字向左向右移动首先演示input输入框代码

代码运行界面图

运行界面

重要的点来了

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

 text-indent: 20px;

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

运行截图

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

-六神源码网