HTML5中输入输入框默认提示文字向左向右移动的示例分析

  介绍

这篇文章给大家分享的是有关HTML5中输入输入框默认提示文字向左向右移动的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

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

& lt; style>   ,,,,,,,*,{   ,,,,,,,,,,,保证金:,0;   ,,,,,,,,,,,填充:,0;   ,,,,,,,}      ,,,,,,,.sousuo  {   ,,,,,,,,,,,宽度:,458 px;   ,,,,,,,,,,,身高:,34 px;   ,,,,,,,,,,,margin-left:, 190 px;   ,,,,,,,,,,,margin-top:, 200 px;   ,,,,,,,,,,,:边界,2 px  solid 红色;   ,,,,,,,}   ,,,& lt;/style>   & lt;/head>      & lt; body>   ,,,& lt; input 类=皊ousuo",类型=皌ext",占位符=扒胧淙胨阉髂谌荨霸?   & lt;/body>

代码运行界面图

 HTML5中输入输入框默认提示文字向左向右移动的示例分析

重要的点来了

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

indent:, 20 px;

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

 HTML5中输入输入框默认提示文字向左向右移动的示例分析

感谢各位的阅读!关于“HTML5中输入输入框默认提示文字向左向右移动的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

HTML5中输入输入框默认提示文字向左向右移动的示例分析