HTML基础

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>


    <link type="text/css" href="css/tb.css" rel="stylesheet">
<!--
    <style>
        table{
            border-collapse: collapse;
            width: 80%;
        }
        tr{
            height: 50px;
        }


    </style>
-->


</head>
<body>
<form action=""method="post">
     <table border="1" bordercolor="#ccc">
        <tr height="30" class="tr">
            <td colspan="3">
                员工信息
            </td>
        </tr>
         <tr height="30">
             <td width="20%" >工号:</td>
             <td width="50%" align="left">
                  <input name="StaffNo"  class="input" >
             </td>
             <td rowspan="5" width="30%">
                 <img width="100%" height="250px" src="images/111.jpg">
                 </td>
         </tr>
         <tr height="30">
             <td >姓名:</td>
             <td align="left"><input name="StaffNo" class="input"  ></td>
         </tr>
         <tr height="30">
             <td>性别:</td>
             <td align="left">
                 <input type="radio" checked value="Woman">女
                 <input type="radio" value="Man">男
             </td>
         </tr>
         <tr height="30">
             <td>照片:</td>
             <td align="left">
                 <input type="file" name="StaffPic" >
             </td>
         </tr>
         <tr height="30">
             <td>职位:</td>
             <td align="left">
                 <select name="pos">
                     <option value="101"> 医生</option>
                     <option value="102"> 护士</option>
                 </select>
             </td>
         </tr>
         <tr height="30">
             <td>密码:</td>
             <td colspan="2" align="left" class="input">
                 <input type="password" name="password">
             </td>
         </tr>
         <tr height="30">
             <td >简介:</td>
             <td colspan="2" align="left">
                 <textarea cols="60" rows="6">


                 </textarea>
             </td>
         </tr>
         <tr height="30">
             <td colspan="3">
                 <input type="submit" value="保存">
                 <input type="RESET"value="清楚">
             </td>
         </tr>
     </table>
</form>
</body>

</html>

table{
    border-collapse: collapse;
    width: 50%;
    text-align: center;
    margin: auto;
    margin-top: 6em;
}
tr{
    height: 50px;
}
.input{
    width: 200px;
    height: 22px;
}
select{
    width: 200px;
    height: 22px;
}
textarea{
    text-align: left;
    text-indent: 2em;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值