前端form表单中文本对齐以及文本输入框对齐
程序员文章站
2022-05-29 17:49:35
...
自己记录，方便日后查看
<!-- exp_15_1.html 实验15-1 -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<html>
<head>
<title> 表单处理事件 </title>
<style type="text/css">
fieldset
{
margin:30px auto;
width:300px;
height:300px;
padding:20px auto;
color:blue;
text-align:center;
}
/*label部分CSS才是重点*/
label
{
display: inline-block;
width: 60px;
text-align: justify;
text-align-last: justify;
margin-right: 10px;
}
</style>
</head>
<body>
<form name="loginform" method="post" action="loginindex.html" onsubmit="return checklogin()">
<fieldset>
<legend>用户登录</legend>
<br><br>
<label>用户名</label>
<input type="text" name="" id="myname" ><br><br>
<label>密 码</label>
<input type="password" name="" id="mypwd" ><br><br><br>
<input type="submit" value="提交"><input type="reset">
</fieldset>
</form>
</body>
</html>
效果图：
上一篇： 【C++深度解析】38、被遗弃的多重继承
下一篇： mybatis入门配置——基于xml配置