HTML与CSS改进

刚刚提交了去看了一下别人的,发现他的代码比我少好多,其中一个功能

也就是

也就是这个边框的对齐是如何做的

<aside>
                <h2>以后这会是个侧边栏,这是侧栏标题</h2>
                <form  action="#" method="post">
                    
                        <lable class="form-1">请输入邮箱地址</lable><input type="email" name="email" placeholder="@163.com">
                        <p>邮箱地址请按格式要求输入</p>
                     
                        <lable class="form-1">请输入密码</lable><input type="password" name="password" placeholder="请输入密码"><br/>
                        <lable class="form-1">请重复输入密码</lable><input type="password" name="password" placeholder="请输入密码">
                        <p>密码请为6-16英文数字</p>
                </form>

                <form action="#" method="POST">
                        <span class="form-1">性别</span>
                            <lable>男</lable ><input type="radio" name="sex" id="male">
                            <lable>女</lable ><input type="radio" name="sex" id="female"><br/>
                    
                        <span class="form-1">城市</span>
                            <select>
                                <option value="beijing">北京</option>
                                <option value="shanghai">上海</option>
                                <option value="guangzhou">广州</option>
                            </select><br/>
                    
                        <span class="form-1">爱好</span>
                            <lable for="sport">运动</lable ><input type="checkbox" name="hobby" id="sport">
                            <lable for="art">艺术</lable ><input type="checkbox" name="hobby" id="art">
                            <lable for="sci">科学</lable><input type="checkbox" name="hobby" id="sci"><br/>
                    
                        <span class="form-1">个人描述</span>
                            <textarea cols="40" role="8" placeholder="请输入个人描述"></textarea><br/>
                        
                        <input class="fsubmit"type="submit" value="提交">               
                </form>
            </aside>

发现有一个是这样写的 原来lable 和input标签还可以这样用,另外看到了一些不认识的标签,怀疑是自己学了假的HTML,后来发现这个是我后面还没有学到的进阶内容,嗯希望四月份前端学院结课之前可以把前两个学院任务写完


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章