Question

急急急！！！html如何实现在图片上添加文本输入框？？？？

如图，想在密码区上面弄上文本输入框，谁能告诉我

Answer 1

写一个div，css，id样式中写#div {background:url("img.jpg") no-repeat;}可用background-position来控制背景图片的位置，form也用div框起来，用样式控制，如margin和padding（都有上下左右）或是空格 ；（html中代表空格）。框框的颜色属性就难了。我以自己知识还解决不了，高手上吧。

Answer 2

这个你要将图片作为一个层比如div层，然后在该div层内添加input标签并用css样式控制位置即可

追问

哦，css控制位置准确吗？你能不能给我个代码？谢谢！！！

图片

最好真有密码的代码！！

追答

等下！

haha

*{margin:0px;padding:0px;}
.img_one{width:649px;height:719px;background:url(image/img_one.jpg);}
.txt_pwd{padding-left:202px;padding-top:64px;width:200px;height:200px;}
*#pwd{width:406px;height:66px;border:none;font-size:24px;}

图片路径换下就可以了，不保证所有浏览器兼容样式，火狐最新版本可以

追问

那个，密码弄成真的好吗？可以加分哦

追答

type="password"换成type="text"

Answer 3

将图片作为背景插入，然后在html中就可以直接添加代码来实现了