HTML 表格表单代码实例(个人简介表)

HTML 表格表单代码实例(个人简介表)<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><metahttp-equiv=”X-UA-Compatible”content=”IE=edge”><metaname=”viewport”content=”width=device-width,initial-scale=1.0″><title&…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

写个人简介表所需知识点:

1.<tr>…</tr> 行标识

2.<td>…</td>单元格标识

3.colspan 多列合并成一列

4.rowspan 多行合并成一行

5.textarea文本区

6.<input …>表单交互元素

拿走请三联,并注明出处呀

<!DOCTYPE html>

<html lang=”en”>

<head>

    <meta charset=”UTF-8″>

    <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

    <title>个人简介</title>

</head>

<body>

    <h1 align=center>个人简介</h1>

    <table align=center border=”1″>

 

            <tr align=”middle”>

                <td>姓名</td>

                <td><input type=“text” 姓名=“xxx”></td>

                <td>性别</td>

                <td><input type=“text” 性别=“xxx”></td>

                <td>出生年月</td>

                <td><input type=“text” 出生年月=“xxx”></td>

                <td rowspan=”4″><input type=”file”></td>

            </tr>

            <tr align=”middle”>

                <td>民族</td>

                <td><input type=“text” 民族=“xxx”></td>

                <td>政治面貌</td>

                <td><input type=“text” 政治面貌=“xxx”></td>

                <td>身高</td>

                <td><input type=“text” 身高=“xxx”></td>

            </tr>

            <tr align=”middle”>

                <td>学制</td>

                <td><input type=“text” 学制=“xxx”></td>

                <td>学历</td>

                <td><input type=“text” 学历=“xxx”></td>

                <td>户籍</td>

                <td><input type=“text” 户籍=“xxx”></td>

            </tr>

            <tr align=”center”>

                <td>专业</td>

                <td><input type=“text” ></td>

                <td colspan=”2″>毕业学校</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″>技能、特长或爱好</td>

            </tr>

            <tr align=”center”>

                <td colspan=”2″>外语等级</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

                <td colspan=”2″>毕业学校</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″>个人履历</td>

            </tr>

            <tr align=”middle”>

                <td>时间</td>

                <td colspan=”2″>单位</td>

                <td colspan=”4″ align=”center”>经历</td>

            </tr>

            <tr align=”middle”>

                <td><input type=“text”></td>

                <td colspan=”2″><input type=“text” style=”width: 99%;”></td>

                <td colspan=”4″><input type=“text” style=”width: 99%;”></td>

            </tr>

            <tr align=”middle”>

                <td><input type=“text”></td>

                <td colspan=”2″><input type=“text” style=”width: 99%;”></td>

                <td colspan=”4″><input type=“text” style=”width: 99%;”></td>

            </tr>

            <tr align=”middle”>

                <td><input type=“text”></td>

                <td colspan=”2″><input type=“text” style=”width: 99%;”></td>

                <td colspan=”4″><input type=“text” style=”width: 99%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″>联系方式</td>

            </tr>

            <tr align=”middle”>

                <td colspan=”2″>通信地址</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

                <td colspan=”2″>联系电话</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”2″>E-mail</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

                <td colspan=”2″>邮编</td>

                <td colspan=”2″><input type=“text” style=”width: 98%;”></td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″>自我评价</td>

            </tr>

            <tr align=”center”>

                <td colspan=”7″><textarea name= “myBrief” cols=”40″ rows=”20″ style=”width: 99%;”></textarea></td>

            </tr>    

        </table>

</body>

</html>

HTML 表格表单代码实例(个人简介表)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/157800.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 博弈论作者翟文明_伟大的博弈读书心得

    博弈论作者翟文明_伟大的博弈读书心得建议复制后观看古语有云:“世事如棋。”生活中的每个人如同棋手,其每一个行为如同在一张看不见的棋盘上布一个子,精明慎重的棋手们相互揣摩、相互牵制,人人争赢,下出诸多精彩纷呈现出来。博弈论的伟大之处正在于其通过规则、身份、信息、行动、效用、平衡等各种量化概念对人情世事进行了精妙的分析,清晰地揭示了当下社会中们的各种互动行为、互动关系,为人们正确决策提供了指导。第一章博弈论入门1.囚徒困境。缺乏信息交流,都是选对己优势策略,结果并不是系统最优。2.博弈四要素: 1)至少两个参与者。制定决策与对

    2022年10月10日
    4
  • KaOS Linux放出最新版ISO镜像喜迎五周岁

    KaOS Linux放出最新版ISO镜像喜迎五周岁

    2022年4月2日
    68
  • pycharm最新激活码2021 3月最新注册码[通俗易懂]

    pycharm最新激活码2021 3月最新注册码,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月14日
    53
  • 什么叫侧面指纹识别_正面背面侧面 你手机的指纹识别长在哪?

    什么叫侧面指纹识别_正面背面侧面 你手机的指纹识别长在哪?指纹识别已成为手机行业对热门技术之一,目前市面上常见的指纹识别模块搭载的位置主要有,正面、后背、侧面三种,比如说三星GalaxyS6、OPPOR9集成在正面Home键里,小米Note3、华为Mate8等装在了手机背部,LGV10植入到手机后边的电源键里,索尼XperiaZ5则放在手机侧面。正面背面侧面你手机的指纹识别长在哪?有人说指纹识别在正面最科学,但有些人则认为在背面更合理,此外…

    2022年6月23日
    64
  • 使用httpclient实现http接口调用实例[通俗易懂]

    使用httpclient实现http接口调用实例[通俗易懂]使用httpclient实现http接口调用实例假设服务接口如下:接口地址:http://192.168.0.1/service/sendsms请求方式:post需要传递参数:c={“uid”:”10000″,”title”:”testatitle”,”content”:”thisisatest”}参数内容为json格式输出:{result:0,cod

    2022年5月24日
    31
  • Java中char,short,int,long占几个字节和多少位[通俗易懂]

    Java中char,short,int,long占几个字节和多少位[通俗易懂]1.字节:byte:用来计量存储容量的一种计量单位;位:bit2.一个字节等于8位1byte=8bitchar占用的是2个字节16位,所以一个char类型的可以存储一个汉字。整型:byte:1个字节8位-128~127short:2个字节16位int:4个字节32位long:8个字节64位浮点型:float:4个字节32位doub……

    2022年8月15日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号