表格练习2

最新推荐文章于 2023-10-17 14:42:06 发布

魏小魏

最新推荐文章于 2023-10-17 14:42:06 发布

阅读量281

点赞数

分类专栏：网页设计

本文链接：https://blog.csdn.net/chenwewei/article/details/51098950

版权

网页设计专栏收录该内容

8 篇文章 0 订阅

订阅专栏

表格练习2：

代码效果：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单作业</title>
</head>
<body>
     <table border="1px" align="center"> 
          <tr>
              <td>用户名:</td>
              <td><input type="text"></td>
          </tr>
          <tr>
               <td>密码：</td>
               <td><input type="password"></td>
          </tr>
          <tr>
                <td>性别:</td>
                <td>男<input name="sex" type="radio">
                女<input name="sex" type="radio"></td>
          </tr>
          <tr>
                <td>爱好:</td>
                <td><input type="checkbox">篮球
                <input type="checkbox">足球
                <input type="checkbox">羽毛球</td>
          </tr>
          <tr>
               <td>来自哪个省市:</td>
               <td><select>
                  <option>北京市</option>
                  <option>河南省</option>
                  <option>上海市</option>
                  <option>河北省</option>
                  <option>山西省</option>
               </select></td>
          </tr>
          <tr>
                <td>大头照:</td>
                <td><input type="file" width:10px;></td>
          </tr>
          <tr>
                <td>自我介绍:</td>
                <td><textarea rows="10" cols="30"></textarea></td>
          </tr>
          <tr  align="center">
          <td colspan="2"><input type="submit" value="提交数据">
          <input type="reset" value="重置"></td>
          </tr>
     </table>


</body>
</html>