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 表格表单代码实例(个人简介表)

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 虚拟机连不上网怎么办

    虚拟机连不上网怎么办 打开 控制面板\网络和Internet\网络和共享中心,单击更改适配器设置 2 右击本地连接,点击共享,勾选允许其他网络用户通过此计算机的Internet连接来连接(N)  文本框下选择 VMwareNetworkAdapterVMnet8 即VMwareNAT连接模式的网卡 3 右击VMwareNetworkAdapter…

  • [算法系列之十二]字符串匹配之蛮力匹配

    [算法系列之十二]字符串匹配之蛮力匹配引言字符串匹配是数据库开发和文字处理软件的关键。幸运的是所有现代编程语言和字符串库函数,帮助我们的日常工作。不过理解他们的原理还是比较重要的。字符串算法主要可以分为几类。字符串匹配就是其中之一。当我们提到字符串匹配算法,最基本的方法就是所谓的蛮力解法,这意味着我们需要检查每一个文本串中的字符是否和匹配串相匹配。一般来说我们有文本串和一个匹配串(通常匹配串短于文本串)。我们需要做的就是回答这个匹配串是

  • Pycharm 调试代码显示错误行_pycharm远程调试

    Pycharm 调试代码显示错误行_pycharm远程调试pycharm调试scrapy问题:Unknowncommand:crawl

    2022年10月30日
  • linux默认关闭防火墙(win10永久关闭防火墙命令)

    Linux关闭防火墙命令问题:老是关闭防火墙太麻烦,所以选择彻底关闭防火墙,发现每次都记不住命令!特此记录

  • amule 服务器 使用方法

    amule 服务器 使用方法

  • vim常用快捷键

    vim常用快捷键键盘移动(Move)一切都从键盘的移动k ->上upj ->下downh ->左leftl ->右rightz ->重画屏幕,当前光标变成屏幕的第一行(redrawcurrentlineattopofwindow)CTRL-f ->跳到下一页(pagedown)CTRL-b ->跳到上一页(pageup)跳跃

发表回复

您的电子邮箱地址不会被公开。

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