0514-86177077
9:00-17:00(工作日)
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="請輸入搜索內(nèi)容..."> </body>
代碼運行界面圖
重要的點來了
可以看到默認提示文字是緊緊靠著左邊框的 我們?yōu)榱嗣烙^需要把它往后移動 只需要在css中添加代碼
text-indent: 20px;
下面我們看下加入代碼后的運行界面
到此這篇關(guān)于HTML5中input輸入框默認提示文字向左向右移動的示例代碼的文章就介紹到這了,更多相關(guān)html5 input輸入框提示文字內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
標簽:棗莊 西藏 池州 永州 遼源 漯河 新疆 青島
上一篇:HTML5輸入框下拉菜單功能的示例代碼
下一篇:詳解如何在登錄過期后跳出Ifram框架
Copyright ? 1999-2012 誠信 合法 規(guī)范的巨人網(wǎng)絡(luò)通訊始建于2005年
蘇ICP備15040257號-8