html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

文本输入框 文字左移输入示例代码_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:正如标题多言通过padding-left: 25px或padding-left: 0px即可实现文本输入框文字左移输入,下面有个不错的示例,感兴趣的朋友可以参考下,希望对大家有所帮助
截图如下: bDtHTML5中文学习网 - HTML5先行者学习网
 bDtHTML5中文学习网 - HTML5先行者学习网
bDtHTML5中文学习网 - HTML5先行者学习网
代码如下; bDtHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
bDtHTML5中文学习网 - HTML5先行者学习网
<html> bDtHTML5中文学习网 - HTML5先行者学习网
<head> bDtHTML5中文学习网 - HTML5先行者学习网
<meta charset="UTF-8"> bDtHTML5中文学习网 - HTML5先行者学习网
<title>文本输入框 文字左移输入</title> bDtHTML5中文学习网 - HTML5先行者学习网
<style> bDtHTML5中文学习网 - HTML5先行者学习网
.one{ bDtHTML5中文学习网 - HTML5先行者学习网
padding-left: 25px; bDtHTML5中文学习网 - HTML5先行者学习网
} bDtHTML5中文学习网 - HTML5先行者学习网
.two{ bDtHTML5中文学习网 - HTML5先行者学习网
padding-left: 0px; bDtHTML5中文学习网 - HTML5先行者学习网
} bDtHTML5中文学习网 - HTML5先行者学习网
</style> bDtHTML5中文学习网 - HTML5先行者学习网
</head> bDtHTML5中文学习网 - HTML5先行者学习网
<body> bDtHTML5中文学习网 - HTML5先行者学习网
文本输入框 文字左移输入:bDtHTML5中文学习网 - HTML5先行者学习网
bDtHTML5中文学习网 - HTML5先行者学习网
<input type="text" class="one" value='padding-left: 25px' />bDtHTML5中文学习网 - HTML5先行者学习网
bDtHTML5中文学习网 - HTML5先行者学习网
<input type="text" class="two" value='padding-left: 0px' />bDtHTML5中文学习网 - HTML5先行者学习网
bDtHTML5中文学习网 - HTML5先行者学习网
</body> bDtHTML5中文学习网 - HTML5先行者学习网
</html> bDtHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助