Web作业3
要求:
编写学生信息表提交表单,表中包含学号、姓名、性别、照片、所属学院、所属系、所在年级、是否党员、来自省市区、特长、备注等。
运行效果:
实现代码:
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表单</title>
</head>
<body>
  <fieldset>
    <legend>注册新用户</legend>
        <form method="post" action="#">
              <table cellpadding="2"  align ="center">
                  <tr>
                    <td align ="right">学号:</td>
                    <td><input type ="text" name ="username"/></td>
                  </tr>
                    <tr>
                    <td align ="right">姓名:</td>
                    <td><input type ="passward" name ="username"/></td>
                    </tr>
                    <tr>
                        <td align="right">性别:</td>
                        <td>
                              <input type="radio" name="gender" value="male" /> 男
                              <input type="radio" name="gender" value="female" /> 女
                        </td>
                    </tr>
                    <tr>
                        <td align="right">头像:</td>
                        <td><input type="file" name ="photo" /></td>
                    </tr>
                    <tr>
                            <td align="right">所属学院:</td>
                            <td>
                              <select name ="province">
                                      <option value="computer">计算机学院</option>
                                    <option value="jdgcxy">机电工程学院</option>
                                    <option value="lxy">理学院</option>
                                    <option value="sy">石油工程学院</option>
                                    <option value="zdh">自动化学院</option>
                                </td>
                    </tr>
                    <tr>
                            <td align="right">所属系:</td>
                            <td>
                                  <textarea rows="1" cols="30"></textarea>
                              </td>
                    </tr>
                    <tr>
                        <td align="right">年级:</td>
                        <td>
                              <input type="radio" name="grade" value="one" /> 大一
                              <input type="radio" name="grade" value="two" /> 大二
                              <input type="radio" name="grade" value="three" /> 大三
                              <input type="radio" name="grade" value="four" /> 大四
                        </td>
                            <tr>
                        <td align="right">是否为党员:</td>
                        <td>
                          <input type="radio" name="Party member" value="yes" /> 是
                        <input type="radio" name="Party member" value="no" /> 否
                        </td>
                    <tr>
                        <td align="right">特长:</td>
                        <td>
                        <input type="checkbox" name="interest" value="drawing" />画画
                    <input type="checkbox" name="interest" value="swimming" />游泳
                    <input type="checkbox" name="interest" value="running" />跑步
                    <input type="checkbox" name="interest" value="jump" />跳高
                        </td>
                        <tr>
                          <td align="right">其他特长:</td>
                                <td>
                                  <textarea rows="2" cols="30"></textarea>
                              </td>
textarea中cols表示                          </tr>
                    </tr>
                   
                    <tr>
                    <td align="right">来自省份:</td>
                    <td>
                          <select name ="province">
                                      <option value="gd">广东</option>
                                    <option value="gd">海南</option>
                                    <option value="gd">湖北</option>
                                    <option value="gd">哈尔滨</option>
                                    <option value="gd">广西</option>
                                    <option value="gd">台湾</option>
                                    <option value="gd">香港</option>
                        </td>
                        </tr>
                        <tr>
                          <td align="right">具体地址:</td>
                                <td>
                                  <textarea rows="5" cols="30"></textarea>
                              </td>
                          </tr>
                            <tr>
                          <td>备注:</td>
                            <td> <textarea rows="5" cols="30"></textarea></td>
                          </tr>
                          <tr>
                          <td colspan="2" align="right">
                          <input type="submit" value="注册"/>
                            <input type="reset" value="重填"/>
                          </td>
                          </tr>
                         
 
              </table>
           
        </form>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。