HTML-輸入文本框后加入圖片


<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
	<style>
		#uname,#upwd{
			width:265px;
			height:40px;
			border:1px solid #ddd;
			padding-left:20px;
			box-sizing:border-box;
			background-image:url(images/yhm.png);
			background-repeat:no-repeat;
			background-position:95% center;
			padding-right:50px;
		}![](https://img2018.cnblogs.com/blog/1532113/201811/1532113-20181111192459247-1999409727.jpg)


	</style>
 </head>
 <body>
  <p>
		<input type="text" id="uname" placeholder="請輸入您的用戶名">
	</p>
	<p>
		<input type="password" id="upwd" placeholder="請輸入您的密碼">
	</p>
 </body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM