介绍
这篇文章给大家分享的是有关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>
代码运行界面图
重要的点来了
可以看到默认提示文字是紧紧靠着左边框的
我们为了美观需要把它往后移动只需要在css中添加代码
indent:, 20 px;
下面我们看下加入代码后的运行界面
感谢各位的阅读!关于“HTML5中输入输入框默认提示文字向左向右移动的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!