HTML学习一

今天主要学习HTML的 table 标签 和 form 标签,作品如下:

复制代码
<html>
    <head>
        <title>新增雇员</title>
    </head>
    <body>
         <form action="" method="">
         <table width="76%" height="392" border="1" align="center" bgcolor="#66CCFF" cellpadding="5" cellspacing="0">
            <tr>
               <td height="36" colspan="3" align="center" valign="middle">增加雇员</td>
            </tr>
             <tr>
               <td width="12%" align="center" valign="middle">雇员编号:</td>
               <td width="10" align="left" valign="middle"><input type="text" name="empno"/></td>
               <td></td>
            </tr>
             <tr>
               <td align="center" valign="middle">雇员姓名:</td>
               <td align="left" valign="middle"><input type="text" name="ename"/></td>
               <td></td>
            </tr>
             <tr>
               <td align="center" valign="middle">雇员性别:</td>
               <td align="left" valign="middle"><input type="radio" name="sex" value="男" checked="checked" />&nbsp;&nbsp;<input type="radio" name="sex" value="女"/></td>
               <td></td>
            </tr>
             <tr>
               <td align="center" valign="middle">雇员家乡:</td>
               <td  width="10" align="left" valign="middle"><select name="city">
                <option>--请选择--</option>
                <option value="北京">北京</option>
                <option value="南京">南京</option>
             </select>
             <input name="citymsg" type="text" /></td>
               <td></td>
            </tr>
             <tr>
               <td align="center" valign="middle">雇员职位:</td>
               <td align="left" valign="middle"><input type="text" name="job" /></td>
               <td></td>
            </tr>
             <tr>
               <td align="center" valign="middle">雇员日期:</td>
               <td align="left" valign="middle"><input type="text" name="hiredate"/></td>
               <td></td>
            </tr>
             <tr>
               <td align="center" valign="middle">雇员薪水:</td>
               <td align="left" valign="middle"><input type="text" name="sal" /></td>
               <td></td>
            </tr>
             <tr>
               <td  align="center" valign="middle">雇员佣金:</td>
               <td align="left" valign="middle"><input type="text" name="comm"/></td>
               <td></td>
            </tr>
             <tr>
               <td  align="center" valign="middle">兴趣爱好:</td>
               <td colspan="2" align="left" valign="middle"><input type="checkbox" name="ist" value="电视"/>电视&nbsp;<input type="checkbox" name="ist" value="电影"/>电影&nbsp;<input type="checkbox" name="ist" value="音乐"/>音乐</td>
            </tr>
             <tr>
               <td  align="center" valign="middle">备注:</td>
               <td colspan="2" align="left" valign="middle"><textarea cols="60%" rows="6" name="note"></textarea></td>
            </tr>
             <tr>
               <td align="center" valign="middle" colspan="3"><input type="submit" value="增加" name="sub"/>
             &nbsp;&nbsp;<input type="reset" value="重置" name="res" /></td>
              
            </tr>
         </table>
         </form>
    </body>
</html></html>
复制代码

 

效果图:

 

 

posted on   pony1223  阅读(288)  评论(0编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示