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

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

写一个div,css,id样式中写#div {background:url("img.jpg") no-repeat;}可用background-position来控制背景图片的位置,form也用div框起来,用样式控制,如margin和padding(都有上下左右)或是空格 ;(html中代表空格)。框框的颜色属性就难了。我以自己知识还解决不了,高手上吧。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-07-18
这个你要将图片作为一个层比如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"

本回答被提问者采纳
第2个回答  2013-07-19
将图片作为背景插入,然后在html中就可以直接添加代码来实现了

html怎样把一张图片弄到输入框里面??
方法为:可以使用before或者after伪元素来实现。具体的操作步骤如下:1、首先,创建一个新的html文件并编写一个input标签,如下图所示。2、其次,将after伪元素添加到input标签前面的span标签,然后将伪元素的背景设置为要添加的图片,如下图所示。3、最后,将相对位置添加到父元素,为了使伪元素能相对父...

html里 如何在一张图片的指定位置上放一个文本显示框或是放一个...
top属性与left属性可以任意指定.

html文本输入框代码是什么?如何创建html文本输入框
1. 打开记事本或纯文本编辑器,可通过“开始”菜单找到,或者使用Windows键+ R快速打开。2. 在编辑器中,开始输入基础的HTML结构,包括body标签()和可能的表单标签()。3. 在表单部分,使用标签来创建文本输入框。这个标签定义了输入字段,其类型属性设置为"text",表示一个文本输入框。例如,完整的...

html在图片的右边插入文本
<div id="right"> <li><a href="###">这是链接1<\/a><\/li> <li><a href="###">这是链接2<\/a><\/li> <\/div>然后给这段代码添加CSS right{ width:400px; height:300px; float:left; \/*这是左浮动*\/}需要注意的是,你要在左边的区块元素同时添加float:left; \/...

一个html页面中怎么添加文本框?
HTML添加文本框方法:<input type="text" name="name" \/>,里面可以输入信息,还可以限制输入的字符数,宽度等。

一个html页面中怎么添加文本框
html页面中添加文本框,用到的工具,notepad++,步骤如下:html代码部分:姓名:<input type="text" name="name" \/>网页效果图如下:注意事项:input要配合form表单用。

用html怎么在网页上显示一个文本框,右边像窗口一样可以上下滑动,里面...
用textarea,设置它的readonly属性。。只读 <textarea readonly="true"><\/textarea>或者直接用div就可以了。。固定个高度,设置overflow-y:scroll;

一个html页面中怎么添加文本框
html页面中添抄加文本框,用到的工袭具,notepad++,步骤如下:百 1.html代码部分:度 姓名:<input type="text" name="name" \/>网页效果图如下:注意事项:知input要配合form表单用。道

如何添加带文本编辑器的html文本框
1、首先在电脑桌面上,新建并打开一个记事本文件。2、这里要用到<form>标签,这个标签包含了表单的一些元素,这里要用到<input> 元素,具体格式如下图。3、其中红框内 type="text" 意思是文本框,其中的text可以换成其他的,name="firstname"是这个文本框的名字。4、然后点击保存,改变记事本文件...

html如何将文本显示在图片下方
图片下面加<p>标签即可,<img src="裤子.jpg"><\/a><p>XXX<\/p>

相似回答