如何用html做一个这样的表单，谢谢

Web 开发 > HTML(CSS)
收藏 回复
[问题点数：100分]
更多帖子
私信 空间 博客
chilli6519
等级
本版专家分：0
结帖率 97.71%
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
行云了啊
等级
本版专家分：127
勋章
Blank
签到达人 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
GitHub 绑定GitHub第三方账户获取
table
只看TA 引用 举报 #1得分 0
私信 空间 博客
阳光总在风雨后丶
等级
本版专家分：20
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
Blank
GitHub 绑定GitHub第三方账户获取
可以使用 table 的 colspan和rowspan 何以合并列合行
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
sha虫剂
等级
本版专家分：444
基本用table，但是即使是用div也能写
只看TA 引用 举报 #3得分 0
私信 空间 博客
shawn xia
等级
本版专家分：50
<html>



<head>

    <title>demo</title>

    <style>

        .table {

            border: 1px black solid;

            border-collapse: collapse;

            width: 100%;

        }



        .table td {

            border: 1px black solid;

            text-align: center;

            vertical-align: middle;

        }

    </style>

</head>



<body>

    <table class="table">

        <tbody>

            <tr>

                <td width="10" valign="top" rowspan="7" colspan="1">

                    一般情况<br />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146">

                    头围

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146"></td>

                <td width="146" valign="top"></td>

                <td valign="top" rowspan="1" colspan="1" width="146"></td>

                <td valign="top" rowspan="1" colspan="1" width="146"></td>

            </tr>

            <tr>

                <td valign="top" rowspan="3" colspan="1" width="146">

                    清醒和睡眠的一般形式

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(170, 170, 170);">

                    正常&nbsp;<br />

                </td>

                <td width="146" valign="top" style="background-color: rgb(170, 170, 170);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(170, 170, 170);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(170, 170, 170);">

                    <input type="checkbox" />

                </td>

            </tr>

            <tr>

                <td valign="top" rowspan="1" colspan="1" style="background-color: rgb(187, 187, 187);" width="146">

                    激惹 哭闹多

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(187, 187, 187);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(187, 187, 187);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(187, 187, 187);">

                    <input type="checkbox" />

                </td>

            </tr>

            <tr>

                <td valign="top" rowspan="1" colspan="1" style="background-color: rgb(204, 204, 204);" width="146">

                    嗜睡 不哭

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

            </tr>

            <tr>

                <td valign="top" rowspan="3" colspan="1" width="146">

                    检查期间觉醒程度

                </td>

                <td valign="top" rowspan="1" colspan="1" style="background-color: rgb(204, 204, 204);" width="146">

                    令人满意

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

            </tr>

            <tr>



                <td valign="top" rowspan="1" colspan="1" style="background-color: rgb(204, 204, 204);" width="146">

                    持续激惹

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

            </tr>

            <tr>



                <td valign="top" rowspan="1" colspan="1" style="background-color: rgb(204, 204, 204);" width="146">

                    嗜睡

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

            </tr>

            <tr>

                <td width="10" valign="top" rowspan="7" colspan="1">

                    感觉发育<br />

                </td>

            </tr>

            <tr>

                <td valign="top" rowspan="2" colspan="1" width="146">

                    清醒和睡眠的一般形式

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146">

                    有<br />

                </td>

                <td width="146" valign="top">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146">

                    <input type="checkbox" />

                </td>

            </tr>

            <tr>

                <td valign="top" rowspan="1" colspan="1" style="background-color: rgb(187, 187, 187);" width="146">

                    无

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(187, 187, 187);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(187, 187, 187);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(187, 187, 187);">

                    <input type="checkbox" />

                </td>

            </tr>

            <tr>

                <td valign="top" rowspan="2" colspan="1" width="146">

                    检查期间觉醒程度

                </td>

                <td valign="top" rowspan="1" colspan="1">

                    有

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146">

                    <input type="checkbox" />

                </td>

            </tr>

            <tr>



                <td valign="top" rowspan="1" colspan="1" style="background-color: rgb(204, 204, 204);" width="146">

                    无

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

                <td valign="top" rowspan="1" colspan="1" width="146" style="background-color: rgb(204, 204, 204);">

                    <input type="checkbox" />

                </td>

            </tr>



        </tbody>

    </table>

</body>



</html>
只看TA 引用 举报 #4得分 0
收起
收藏 回复
chilli6519

等级：

关注 私信 TA的帖子
教你们做一个html表单（基础篇）

东西太多，咱一点点学，这样讲的也细致，来现记一下这些基础吧

如何用css做一个简单的表单验证

<style> input:valid ~ button { pointer-events: all; cursor: pointer; background: green } input:valid ~ button::after { color: #fff; font-w...

HTML表单

HTML表单 1.什么是表单？ HTML 表单是用于搜集不同类型的用户输入的，表单是一个包含表单元素的区域；表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素；表单使用表单标签...

如何在html中制作个人简历表单

2.在html中用代码做一个表格，首先我们要给他简历一个整体框架，比如这个表格是几行几列，弄好框架之后再去弄里面的合并列或者合并行这些东西，这里的话，一个表格的结构为以下代码 <style> .tbb{width: %...

一个提交按钮提交两个form表单问题

大神求帮助，html页面有俩个form表单一个提交按钮，如何点击提交按钮能把这两个表单提交 大神求指教，谢谢啦

**HTML表单的制作 示例**

HTML表单的制作 示例 注册信息 <body> <form name="regForm" method="post" action="https://www.baidu.com"> <!-- label:易用性，用户点击label标签中的内容，可以自动选中文本框 ...

手把手式教学！ html之一大板块:表单

首先一个表单需要一个form标签 <form action="" method=""></form> 其中action的值是数据提交的服务器地址,method的值是数据提交的方法，有两个属性:get:查询服务器的数据和post:修改服务器的数据。...

表单密码显示与隐藏_HTML表单中的密码：允许客户端显示或隐藏

表单密码显示与隐藏Introduction 介绍 If you're like most people, you have occasionally made a typographical error when you're entering information into an online form. And to your consterna...

HTML5之表单

首先我们要了解到HTML表单是{用于搜集不同类型的用户输入}，用<form>元素来定义HTML表单， 其中【<input>元素是最重要的表单元素】,其中需要根据（不同的type属性定义不同的效果）。比如： <!...

css创建一个表单在页面上_如何使用CSS Grid创建简单表单

css创建一个表单在页面上You learned to create a simple form with Flexbox in the previous article. Today, you’ll understand how to create the same thing with CSS Grid. 在上一篇文章中，您学习了使用...

css实现表单验证_通过CSS3和HTML5验证使表单保持最新状态

在开始之前，您可能需要考虑为下一个项目使用我们的HTML5模板或CSS主题之一 ，也就是说，如果您需要快速，专业的解决方案。 或者，您可以从Envato Studio的专家那里获得帮助。 否则，该开始逐步教程了。 步骤1：...

HTML教程（9）- 表单

上一篇 博主个人主页 博主视频教程 提取码：be7o 前言 表单作为HTML4的最后一篇 在HTML中的地位是相当...我们HTML中的表单使用form标签进行声明 内部可以嵌套input标签 input标签就代表一个表单项 我们先看基本的表...

html-表格和表单（详细讲解）

下面将介绍如何玩转各种表格和表单： 表格的作用：展示数据（尽量不做页面布局） 表格的属性：width、height、border、bordercolor cellspacing=“ ” 清除单元格边框的间距 cellpadding="" 内容距离边框...

css创建一个表单在页面上_如何创建基于AjaxHTML5 / CSS3联系人表单

本文是我们的“ HTML5 / CSS3教程系列”的一部分 -致力... 网上已经有无数的联系表单 ，但是不幸的是，大多数表单没有向您解释内部工作部分，因此这里有一个详细的教程，教您如何基于流行技术， HTML5和CSS3从头开始...

数据库表单生成_从数据库生成HTML表单并将值存储到数据库中

数据库表单生成I have a “t_form” table and a “t_attribute” ... 我有一个“ t_form”表和一个“ t_attribute”表。 看起来有点像下面。 Form table 表格表 form_id | form_name | description ----------...

在html中常用的表单有哪些，他们的写法又有什么不同呢？

在html中form表单有哪些，他们的写法又有什么区别呢？ 在我们的生活中，form表单无处不在，比如我们在登录账号或者注册账号的时候，你填写信息的框就是form表单的一种。 正如下图，下图每一项需要填写的框都属于...

【转】一个表单多个提交的实现

问：我在一个表单中有三个提交按钮，想实现点击不同的按钮，实现不同的操作。有没有好一点的解决办法。小第在此等着啦。谢谢。__________________________________________________________________________________...

网站建设学习（四）——HTML表单标签及转义字符

 上一篇介绍了各类资源的嵌入问题，这一篇主要介绍表单标签，表单将用户的输入传送到后台，实现网站与用户的交互，作为数据传递表单作用十分巨大，同时本篇介绍了转义字符，因为其数量庞大，因此详细转义字符表在...

【表单标签】

表单标签1.表单标签1.1 表单标签 有哪些 ?1.2 HTML5 中的表单标签 有哪些 ?1.3 如何 为用户输入 创建 HTML 表单 ?1.4 如何 搜集 用户输入的信息 ?1.4.1 输入标签 有哪些常用...1.6 如何定义一个 按钮 ?1.7 如何创...

jQuery html5Validate基于HTML5表单验证插件

by zhangxinxu from http://www.zhangxinxu.com 本文地址：... 更新于2014年12月18日 0:35 本插件已经迁移至Github上更新与维护：https://github.com/zhangxinxu/html5Validate 更新于2016-02-25

请教用php邮件 如何实现将一个静态页面表单内容提交到指定邮箱？

请教用php邮件 如何实现将一个静态页面表单内容提交到指定邮箱？ 补充（就是一个普通静态页面 点提交就可以发送内容到一个邮箱） 在线等 谢谢大神了

关于Html.BeginForm提交表单

这是其中一个select 表单的赋值代码，其他的都一样，大家帮忙看看！谢谢了！ $(document).ready(function () { GetByJquery(); GetUser(); $("#selOnemenu").change(function () { GetCity() }); }); ...

宽度 表单_如何使用Elementor的联系表单功能

同学们做外贸独立站的目的我猜都是为了转化客户获得询盘，那么当访客在浏览了你的网站页面内容，对你的产品或者服务很感兴趣，想要进一步和你们沟通的时候。那么问题就来了—客户用什么样的方式能够直接的联系到你们...

Struts2中UI标签之表单标签的一个例子

因为缺少了个例子，大家看文字和表格也看不出什么效果来，所以今天来介绍一个例子，用Struts2中UI标签的表单标签实现一个个人信息的表单，但是有些表单标签没有演示出来，大家可以根据我介绍UI标签的

HTML5、WEB 简单表单的实现

其实很简单，都是基本要求，麻烦哪位大虾帮帮忙，谢谢 ...2.小明同学给添加按钮添加点击事件，并判读两个输入框的值不能为空，如果两个输入框有一个值为空的话以弹窗提示： 请输入添加网站所需内容。

Html+js的注册界面、form表单、表格、事件、登录密码的隐藏与显示

用html和js做一个登录/注册界面，不连接数据库，这个案例用到了js的引入，form表单结合表格的布局，以及登录界面常用的密码的隐藏与实现的方法。 进入正题，先看我们的成型案例：如下图 案例大概就是这个样子，讲...

angular做的一个表单带删除排序，搜索等功能

自学的angular做的一个关于表单的小DOM

HTML入门笔记四之HTML表单元素

一， 表单元素介绍。(重点) 我们需要吧一些数据提交给服务器处理，比如注册用户，发帖，，，这要就需要使用到表单元素。常见的有：输入框，单选框，复选框，文本域，密码框，上传文件.   基本结构： 类型=text,...

HTML一个页面输入值跳转到另一个页面并且显示出来

[html] view plain copy&lt;span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"&gt;test1.html&lt;/span&gt; [html] view ...

SecureCRT中文破解版

SecureCRT中文破解版欢迎大家下载，非最新版本！！！

相关热词 c#dll vb 调用 c# outlook c#修改表数据 c# 子窗体值返给父窗体 c# label 格式化 c# 程序如何控制摄像头 c# 获取运行时间 c#知识点结构图 微软c# c#解析owl