利用javascript做的一个用户可自定义输入框的登陆页面

来源：互联网发布：sql中有单引号编辑：程序博客网时间：2024/05/17 05:09

前段时间前辈让做js练习，写一个能让用户自己控制输入框位置大小的登陆页面，于是有了这段代码:

<html><head><title>用户可自定义输入框的登陆界面</title><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">body {margin-left: 0px;margin-top: 0px;margin-right: 0px; margin-bottom: 0px;}</style><mce:script language="javascript"></mce:script></head><body><div align="center" style="vertical-align: top;width:100%;height:95%;background-image:url(1.jpg);background-repeat:x-repeat" onmousemove="drawline()" onmousedown="My_clientx(event)" onmouseup="My_clienty(event)"><form action="" method="post"><div align="center" id="div1" style="vertical-align: top;filter:alpha(Opacity=50);position:absolute;left:0px;top:0px;border:0px;width:0px;height:0px;z-index:1;background:#ccc"></div><div align="center" id="div2" style="vertical-align: top;filter:alpha(Opacity=50);position:absolute;left:0px;top:0px;border:0px;width:0px;height:0px;z-index:1;background:#ccc"></div><input type="submit" value="登陆"/></form></div><input type="button" value="重画" onclick="del()"/></body></html>