前端form表单中文本对齐以及文本输入框对齐

最新推荐文章于 2024-09-22 15:43:43 发布

lingle1

最新推荐文章于 2024-09-22 15:43:43 发布

阅读量1.7w

点赞数 12

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_42245375/article/details/103538253

版权

前端专栏收录该内容

28 篇文章 0 订阅

订阅专栏

自己记录，方便日后查看

<!-- 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>密&nbsp;&nbsp;码</label>
                <input type="password" name="" id="mypwd" ><br><br><br>
                <input type="submit" value="提交"><input type="reset">
            </fieldset>
        </form>
    </body>
</html>

效果图：
在这里插入图片描述