软件工程第三周进度总结

依然范特西╮ 提交于 2020-03-08 22:23:44

本周加入了许多新的课程,作业量也是大幅度提高,课余时间也是不多,本周进行了一些HTML的知识复习,包括form表单及其一些属性

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>表单标签</title>
    </head>
    <body>
        <!-- action属性是表单要提交到的位置 -->
        <!-- required属性是指该栏必填 -->
        <del>删除</del>
        <s>删除</s>
        <form action="#" method="get">
            隐藏字段<input type="hidden" name="id" /><br/>
            输入时间<input type="datetime-local" /><br/>
            用户名<input  type="text" name="username"  size="20px" maxlength="10"  placeholder="用户提示信息" required="required"/><br/>
            密码<input type="password" name="password"/><br/>
            确认密码<input type="password" name="rpassword"/><br/>
            
            <!-- radio属性对应单选框 -->
            <!-- 这里的name属性用来分组,区分并确定这两个单选框是同一组,只能选中一个 -->
            性别<input type="radio" name="sex" value="男" checked="checked"/>男
            <input type="radio" name="sex" value="女"/>女<br/>
            <!-- checkbox对应多选框属性 -->
            爱好<input type="checkbox" name="hobby" value="钓鱼"/>钓鱼
            <input type="checkbox" name="hobby" value="打篮球"/>打篮球
            <input type="checkbox" name="hobby" value="踢足球"/>踢足球<br/>
            头像<input type="file" name="file"/><br/>
            籍贯<select name="province">
                <option>--请选择--</option>
                <option value="北京">北京</option>
                <option value="上海" selected="selected">上海</option>
                <option value="广州">广州</option>
            </select><br/>
            自我介绍:<br/>
            <textarea name="zwjs">
                
            </textarea><br/>
            提交按钮<input type="submit" value="提交"/><br/>
            普通按钮<input type="button" value="我是一个普通按钮" /><br/>
            重置按钮<input type="reset" />
        </form>
    </body>
</html>

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <table border="1px" align="center" width="1600px" cellpadding="0px" cellspacing="0px">
            <!-- logo部分 -->
            <tr>
                <td>
                    <!-- 嵌套一个一行三列的表格 -->
                    <table border="1px" width="100%">
                        <tr height="50px">
                            <td width="33.3%">
                                <img src="../img/logo2.png" height="47px"/>
                            </td>
                            <td width="33.3%">
                                <img src="../img/header.png" height="47px" />
                            </td>
                            <td width="33.3%">
                                <a href="#">登录</a>
                                <a href="#">注册</a>
                                <a href="#">购物车</a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!-- 导航栏部分 -->
            <tr height="50px">
                <td bgcolor="black">
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">
                        <font size="5" color="aliceblue">首页</font>
                    </a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">
                        <font size="4" color="aliceblue">手机数码</font>
                    </a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">
                        <font size="4" color="aliceblue">电脑办公</font>
                    </a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">
                        <font size="4" color="aliceblue">鞋靴箱包</font>
                    </a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">
                        <font size="4" color="aliceblue">家用电器</font>
                    </a>
                </td>
            </tr>
            <!-- 注册表单 -->
            <tr>
                <td height="600px" background="../img/regist_bg.jpg">
                    <!-- 嵌套一个十行两列的表单 -->
                    <form action="#" method="post" name="registerForm">
                    <table border="1px"  align="center" width="800px" height="400px" bgcolor="white">
                        <tr>
                            <td colspan="2">
                                <font size="5">会员注册 </font>&nbsp;&nbsp;USER REGISTER
                            </td>
                        </tr>
                        <tr>
                            <td>
                                用户名
                            </td>
                            <td>
                                <input type="text" name="username" size="34px"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                密码
                            </td>
                            <td>
                                <input type="password" name="password" size="34px"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                确认密码
                            </td>
                            <td>
                                <input type="password" name="repassword" size="34px"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Email
                            </td>
                            <td>
                                <input type="email" name="email" size="34px"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                姓名
                            </td>
                            <td>
                                <input type="text" name="name" size="34px"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                性别
                            </td>
                            <td>
                                <input type="radio" name="sex" value="男" />男
                                <input type="radio" name="sex" value="女" />女
                            </td>
                        </tr>
                        <tr>
                            <td>
                                出生日期
                            </td>
                            <td>
                                <input type="date" name="birthday" size="34px"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                验证码
                            </td>
                            <td>
                                <input type="text" name="yzm" />
                                <img src="../img/yanzhengma.png" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center">
                                <input type="submit" value="注册" />
                            </td>
                        </tr>
                    </table>
                    </form>
                </td>
            </tr>
            <!-- 广告图片 -->
            <tr>
                <td>
                    <img src="../img/footer.jpg" />
                </td>
            </tr>
            <!-- 版权信息和友情链接 -->
            <tr>
                <td align="center">
                    <a href="#"><font color="black">关于我们</font></a>
                    <a href="#"><font color="black">联系我们</font></a>
                    <a href="#"><font color="black">招贤纳士</font></a>
                    <a href="#"><font color="black">法律声明</font></a>
                    <a href="#"><font color="black">友情链接</font></a><br />
                    <a href="#"><font color="black">支付方式</font></a>
                    <a href="#"><font color="black">配送方式</font></a>
                    <a href="#"><font color="black">服务声明</font></a>
                    <a href="#"><font color="black">广告声明</font></a>
                </td>
            </tr>
        </table>
    </body>
</html>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!