vlambda博客
学习文章列表

创建html静态网页登录窗口



eclipes中html代码实现如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>


<form action="#" method="GET">

    <table border="1px" bordercolor="red"cellspacing="0px" cellpadding="5px" align="center" bgcolor="lightgray">

       <caption>注册用户</caption>

       


       <tr><!-- 用户名输入框 -->

           <td>用户名:</td>

           <td>

              <input type="text" name="username"/>

           </td>

       </tr>


       <tr><!-- 密码输入框 -->

           <td>密码:</td>

           <td>

              <input type="password" name="password"/>

           </td>

       </tr>


       <tr><!-- 确认密码输入框 -->

           <td>确认密码:</td>

           <td>

              <input type="password" name="repassword"/>

           </td>

       </tr>


       <tr><!-- 昵称输入框 -->

           <td>昵称:</td>

           <td>

              <input type="text" name="nickname"/>

           </td>

       </tr>


       <tr><!-- 邮箱输入框 -->

           <td>邮箱:</td>

           <td>

              <input type="text" name="email"/>

           </td>

       </tr>


       <tr><!-- 性别单选框 -->

           <td>性别:</td>

           <td>

              <input type="radio" checked="checked" name="gender" value="man"/>

              <input type="radio" name="gender" value="woman"/>女

           </td>

       </tr>

       <tr><!-- 爱好复选框 -->

       <td>爱好:</td>

       <td>

           <input type="checkbox" checked="checked" name="like" value="basketball"/>篮球

           <input type="checkbox" name="like" value="football"/>足球

           <input type="checkbox" name="like" value="paiqiu"/>排球

       </td>

       </tr>


       <tr><!-- 城市下拉选框 -->

           <td>城市:</td>

           <td>

              <select name="city">

                  <option>北京</option>

                  <option selected="selected">上海</option>

                  <option>广州</option>

                  <option>深圳</option>

              </select>

           </td>

       </tr>


       <tr><!-- 文件上传项 -->

           <td>头像:</td>

           <td>

              <input type="file" name="photo"/>

           </td>

       </tr>

       <tr><!-- 验证码输入框 -->

           <td>验证码:</td>

           <td>

              <input type="text" name="varifycode"/>

              <img width="80px" height="22px"/>

              <input type="button" value="换一张"/>

           </td>

       </tr>


       <tr>

           <td>自我描述:</td>

           <td>

              <textarea name="desc" cols="30" rows="5">请输入描述信息!</textarea>

           </td>

       </tr>


       <tr align="center"><!--对齐-->

           <td colspan="2">

              <input type="submit" value="提交"/>

             <input type="reset" value="重置"/>

           </td>

       </tr>

    </table>

</form>


</body>

</html>