2个？1个不就行了 刚做的，IE6，7，8下测试通过，火狐和谷歌浏览器有点不是很兼容，你试试看如何
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>请假单</title>
<style type="text/css">
body {margin:0 auto; padding:0}
#content { width:406px; height:auto;}
#login {border:2px #999999 solid; padding:0; margin:0; width:400px; height:200px;}
#main {width:380px; height:152px; margin:10px; background:#F5F5F5;}
#enter {margin-left:10px;}
h1 {text-align:center; margin-bottom:50px;}
</style>
</head>
<body>
<div id="content">
<h1>请假单</h1>
<div id="login">
<div id="main"><br>
学号：
<label>
<input name="user" type="text" id="user" />
</label>
<p> 姓名：
<input name="name" type="text" id="name" />
<label></label>
</p>
请假理由：
<textarea name="liyou" cols="30" rows="3" id="liyou"></textarea>
<label> <br />
<br />
</label>
</div>
<input type="submit" name="Submit" id="enter" value="提交" />
</div>
</div>
</body>
</html>追问
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>请假单</title>
<style type="text/css">
body {margin:0 auto; padding:0}
#content { width:406px; height:auto;}
#login {border:2px #999999 solid; padding:0; margin:0; width:400px; height:200px;}
#main {width:380px; height:152px; margin:10px; background:#F5F5F5;}
#enter {margin-left:10px;}
h1 {text-align:center; margin-bottom:50px;}
</style>
</head>
<body>
<div id="content">
<h1>请假单</h1>
<div id="login">
<div id="main"><br>
学号：
<label>
<input name="user" type="text" id="user" />
</label>
<p> 姓名：
<input name="name" type="text" id="name" />
<label></label>
</p>
请假理由：
<textarea name="liyou" cols="30" rows="3" id="liyou"></textarea>
<label> <br />
<br />
</label>
</div>
<input type="submit" name="Submit" id="enter" value="提交" />
</div>
</div>
</body>
</html>追问
嗯。。。。。其实还有一题的，你看图片上面↑
追答那个啊，现在比较忙，可能做不来了
温馨提示：答案为网友推荐，仅供参考
第1个回答 2012-01-10
第一个：
<html>
<head>
<title>请假单</title>
</head>
<body>
<div style="width:435px;height:50px;font-size:22px;font-weight:bold;text-align:center;">请假单</div>
<div style="width:435px;height:205px;border:2px solid #cdcdcd;">
<ul style="width:350px;height:130px;margin:0 auto;margin-top:20px; background-color:#e9e9e9;">
<li style="list-style:none;margin-left:-25px;line-height:22px;margin-top:10px;">学号<input id="Text1" type="text" style="width:150px;margin-left:40px;" /></li>
<li style="list-style:none;margin-left:-25px;line-height:22px;margin-top:10px;">姓名<input id="Text2" type="text" style="width:150px;margin-left:40px;" /></li>
<li style="list-style:none;margin-left:-25px;line-height:22px;margin-top:10px;">请假事由<textarea id="TextArea1" style="margin-left:8px;" cols="25" rows="3"></textarea></li>
</ul>
<div style="margin-top:15px; margin-left:22px;"><input id="Button1" type="button" value="提交" /></div>
</div>
</body>
</html>
第二个：不知想要什么样的，有没有图片
<html>
<head>
<title>请假单</title>
</head>
<body>
<div style="width:435px;height:50px;font-size:22px;font-weight:bold;text-align:center;">请假单</div>
<div style="width:435px;height:205px;border:2px solid #cdcdcd;">
<ul style="width:350px;height:130px;margin:0 auto;margin-top:20px; background-color:#e9e9e9;">
<li style="list-style:none;margin-left:-25px;line-height:22px;margin-top:10px;">学号<input id="Text1" type="text" style="width:150px;margin-left:40px;" /></li>
<li style="list-style:none;margin-left:-25px;line-height:22px;margin-top:10px;">姓名<input id="Text2" type="text" style="width:150px;margin-left:40px;" /></li>
<li style="list-style:none;margin-left:-25px;line-height:22px;margin-top:10px;">请假事由<textarea id="TextArea1" style="margin-left:8px;" cols="25" rows="3"></textarea></li>
</ul>
<div style="margin-top:15px; margin-left:22px;"><input id="Button1" type="button" value="提交" /></div>
</div>
</body>
</html>
第二个：不知想要什么样的，有没有图片
第2个回答 2012-01-10
这不就一个表单吗。
相似回答