如何根据坐标，动态生成文本框？

Question

把文本框放在div中，div的位置设成绝对位置就可以了

Answer 1

以前用C#做过个类似的
先放个Panel id="p"
然后
foreach(item i in 坐标集合)
{
Textbox txt = new Textbox();
txt.Style["LEFT"] = i(left).ToString()+"px";
txt.Style["TOP"] = i(top).ToString()+"px";
p.Controls.Add(txt);
}
原来写的代码
foreach(DataRow row in dt.Rows)
{
Label lbl = new Label();
lbl.ID = "lbl"+row["BP_ID"].ToString();
lbl.Text = row["Re"].ToString();
lbl.Style["LEFT"] = row["BP_Left"].ToString()+"px";
lbl.Style["TOP"] = row["BP_Top"].ToString()+"px";
lbl.Style["width"]=row["BP_Width"].ToString()+"px";
lbl.Style["height"]=row["BP_Height"].ToString()+"px";
this.panel1.Controls.Add(lbl);
}希望对你有帮助

Answer 2

hbhbhbhbhb1021(天外水火(我要多努力)) 谢谢~
现在我刚刚用
for (坐标集合) {
  response.write("文本框");
}
但是这样的话，虽然能够出来，但效果不是很理想。
我想还是要用div的innerHTML在作罢。
因为对html语言不是很熟悉，能否给举例子说明一下。

Answer 3

<div id="div" style="position:Absolute; margin:0; padding: 0; width:650px; height:540px; border:1px solid #ddd">
</div>

Answer 4

function init(){
var obj= document.getElementById("div");
var html = "";
<% for (int i=0;i< tempList.size();i++) { 
String area_x = ((Map)tempList.get(i)).get("AREA_X").toString();
String area_y = ((Map)tempList.get(i)).get("AREA_Y").toString();
String area_w = ((Map)tempList.get(i)).get("AREA_W").toString();
String area_h = ((Map)tempList.get(i)).get("AREA_H").toString();
%>
    html += '<input type="text" name="preview" ';
    html += ' style="left:';
    html += <%=area_x%>;
    html += 'px;';
    html += 'top:';
    html += <%=area_y%>
        html += 'px;';
    html += 'width:';
    html += <%=area_w%>
    html += 'px;';
    html += 'height:';
    html += <%=area_h%>     
        html += 'px;" >';
        alert(html);
obj.innerHTML = html;
  <%}%>
}
请各位指正