html+CSS部分基础运用9

项目1  参会注册表

1.设计参会注册表页面，效果如图9-1所示。

图9-1 参会注册表页面

项目2  设计《大学生暑期社会实践调查问卷》

1.设计“大学生暑期社会实践调查问卷”页面，如图9-2所示。

图9-2 大学生暑期社会调查表页面

2．调查表前导语的内容如下所示：

大学生暑期社会实践调查问卷

亲爱的同学：大家好!

    为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢!

3.调查表中其它内容：

1. 您的性别：男、女。

2. 您的学校:

3. 您的年级:6个选项，分别为“请用选择您的年级、大一、大二、大三、大四、大专”。

4. 报考该专业的原因: 7个复选框，复选框的内容分别为“自己感兴趣、对将来发展有利、适应社会、父母主张、老师建议、学校调剂、其他”。

5.您对该专业的建议: 5个复选框，复选框的内容分别为“招收时重质不重量、师资力量要改进、要更适应社会需要、加强专业实验室建设、其他”。

6.您认为该专业学生有必要参加社会实践: 3个单选按钮，单选按钮的内容分别为“有必要、没有必要、无所谓”。

7.您的父母是否赞成您读该专业: 3个单选按钮，单选按钮的内容分别为“很赞成，希望如此、一般，不是很高兴、不了解”。

8. 您对学校的建议: 1个5行100列的多选文本域，多选文本域初始内容为“请您提出宝贵的建议”。

版权区域的内容为“版权所有：计算机科学与技术系软件工程教研室copy right©2021-2025”。

项目1

<!DOCTYPE html>

<html lang="en">

    <head>

        <title>参会注册表</title>

        <meta charset="utf-8">

        <style>

            p{

                text-align: center;

            }

            table{

                text-align: left;

               

            }

            #a{

                text-align: center;

            }

        </style>

    </head>

    <body>

        <form name="">

           

            <table   align="center" border="1" width="60%">

                <caption>参会注册表</caption>

                <tr>

                      <td>姓名：<input type="text" maxlength="10" size="10"/></td>

                      <td>单位：<input type="text" maxlength="50" size="45"/></td>

                </tr>

                <tr>

                     <td>性别： <input name="sex" value="male" checked="checked" type="radio"/>男性

                                <input name="sex" value="female" checked="checked" type="radio"/>女性</td>

                     <td>手机：<input type="text" size="18"/></td>

                </tr>

                <tr>

                     <td >酒店：<input type="radio" name="c1" value="male" checked="checked" >天山大酒店

                              <input type="radio" name="c1" value="female" checked="checked" >昆仑大酒店</td>

                     <td>预定房间数：<input type="text" maxlength="8">套</td>

                </tr>

                <tr>

                    <td colspan="4">

                        房间类型：<input type="radio" name="c2" value="female" checked="checked">单人间（320元）

                                  <input type="radio" name="c2" value="female" checked="checked">标价双人间（380元）

                                  <input type="radio" name="c2" value="female" checked="checked">家庭套间（450元）

                    </td>

                </tr>

                <tr>

                    <td colspan="2" id="a"> <input type="reset" name="reset" value="重置"/>

                         <input type="submit" name="submit" value="提交"/>

                    </td>

                </tr>

            </table>

        </form>

    </body>

</html>

项目2

<!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>

    <style>

        #div0{background-color: white; width: 50%;margin: auto; }

        ul{list-style: none;padding: 0;color: black;}

        h1{text-align: center;}

        form{ background: url(bgimags.jpg); padding-right: 10px; padding-left: 10px;}

        body{font-family: "楷体";color: blue;font-size: 18px}

    </style>

</head>

<body background="bgimags.jpg">

    <div id="div0">

        <form action="">

            <table align="center" border="1px" frame="void">

                <tr>

                    <td><h1>大学生暑期社会实践调查问卷</h1></td>

                </tr>

                <tr>

                    <td>

                        <p>&nbsp;&nbsp;&nbsp;&nbsp;亲爱的同学：大家好! <br>

                           &nbsp;&nbsp;&nbsp;&nbsp;为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢!</p>

                    </td>

                </tr>

                <tr>

                    <td>1.您的性别：<input type="radio"  name="c0" >&nbsp;男&nbsp;<input type="radio" name="c0">&nbsp;女</td>

                </tr>

                <tr>

                    <td>2.您的学校：<input type="text" width="40%" ></td>

                </tr>

                <tr>

                    <td>3.您的年级：

                        <select name="nian" >

                            <option value="请选择您的年级">请选择您的年级</option>

                            <option value="18级">18级</option>

                            <option value="19级">19级</option>

                            <option value="20级">20级</option>

                            <option value="21级">21级</option>

                        </select>

                    </td>

                </tr>

                <tr>

                    <td>4.报考该专业的原因：

                       <ul>

                           <li><input type="checkbox" >自己感兴趣</li>

                           <li><input type="checkbox">对将来发展有利</li>

                           <li><input type="checkbox">适应社会</li>

                           <li><input type="checkbox">父母主张</li>

                           <li><input type="checkbox">老师建议</li>

                           <li><input type="checkbox">学校调剂</li>

                           <li><input type="checkbox">其他</li>

                       </ul>

                    </td>

                </tr>

                <tr>

                    <td>5.您对该专业的建议：

                        <ul>

                            <li><input type="checkbox" >招收时重质不重量</li>

                            <li><input type="checkbox">师资力量要改进</li>

                            <li><input type="checkbox">要更适应社会需要</li>

                            <li><input type="checkbox">加强专业实验室建设</li>

                            <li><input type="checkbox">其他</li>

                        </ul>

                    </td>

                </tr>

                <tr>

                    <td style="color: black;"><span style="color: blue;"> 6.您认为该专业学生有必要参加社会实践:</span> <br> <br>

                        <input type="radio" name="c1" value="">有必要

                        <input type="radio" name="c1">没有必要

                        <input type="radio" name="c1">无所谓

                    </td>

                </tr>

                <tr>

                    <td>7.您的父母是否赞成您读该专业:

                        <ul>

                            <li><input type="radio" name="c2">很赞成，希望如此</li>

                            <li><input type="radio" name="c2">一般，不是很高兴</li>

                            <li><input type="radio" name="c2">不了解</li>

                        </ul>

                    </td>

                </tr>

                <tr>

                    <td>8. 您对学校的建议:

                        <textarea name="" id="" cols="100" rows="5">请您提出宝贵的建议:</textarea>

                    </td>

                </tr>

                <tr>

                    <td style="text-align: center;"><input type="submit" value="提交答案">&nbsp;&nbsp;<input type="reset" value="清空"></td>

                </tr>

                <tr>

                    <td style="text-align: center;">版权所有：计算机科学与技术系软件工程教研室copy right&copy;2021-2025</td>

                </tr>

            </table>

        </form>

    </div>

</body>

</html>

项目1

项目2

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/web/18684.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Win11有些exe双击后无反应的解决办法

Win11有些exe双击后无反应的解决办法

现象 双击某些exe文件之后&#xff0c;小圆圈转了两下之后就消失&#xff0c;然后没任何反应。用回车反复启动也是一样的现象。 由于截图没法截图到鼠标&#xff0c;所以没法放出截图。 我电脑出现上述现象的软件有&#xff1a; 1.纸飞机调试助手 2.SOC Programming Tool 对…
阅读更多...
3.4 移动机器人工作空间（摘自自主移动机器人导论2）

3.4 移动机器人工作空间（摘自自主移动机器人导论2）

对于一个机器人来说&#xff0c;机动性等效于它的控制自由度。但是&#xff0c;机器人是处于某种环境的&#xff0c;因而下一个问题是把我们的分析放到环境之中。 我们关心机器人用它可控制的自由度在环境中定位它本身的方法。例如&#xff0c;考虑 Ackerman 车辆或汽车&#…
阅读更多...
Docker容器快速入门（1）

Docker容器快速入门（1）

目录 1.Docker 简介 2.跟普通虚拟机的对比 2.打包、分发、部署 Docker主要理念&#xff1a;一次封装&#xff08;打包&#xff09;随处运行&#xff08;部署&#xff09; 4.Docker 部署的优势 5.Docker 通常用来做什么 6.重要概念&#xff1a;镜像、容器、仓库 Docker 官方…
阅读更多...
使用ssh连接ubuntu

使用ssh连接ubuntu

一、下载连接工具 常见的连接工具右fianlshell、xshell等等。在本文章中使用的finalshell&#xff0c;工具可以去官网上下载&#xff0c;官网下载。 二、Ubuntu中配置shh 1、使用下面指令更新软件包&#xff08;常用于下载安装或更新软件时使用&#xff0c;更新到最新的安装…
阅读更多...
红苹果的圆度、直径大小标定

红苹果的圆度、直径大小标定

function fruitImageProcessingGUI% 创建主窗口和控件mainFigure figure(Units, normalized, Position, [0.3, 0.3, 0.4, 0.4]);instructionText uicontrol(Style, text, String, 请点击按钮执行相应的图像处理步骤, ...Units, normalized, Position, [0.1, 0.7, 0.8, 0.2], …
阅读更多...
母亲的爱与妻子的爱，同为“爱“。不同感受！

母亲的爱与妻子的爱，同为“爱“。不同感受！

母亲的爱与妻子的爱&#xff0c;虽然都是一个女人给予男人的爱&#xff0c;却有着本质的不同&#xff01; 天下父母对儿女的爱大多相同。在母亲眼中&#xff0c;儿女无论是多大年龄&#xff0c;无论你是否长大成人&#xff0c;也无论你做多大的官&#xff0c;有多么大的成就&am…
阅读更多...
HBuilderX新增uni-app项目并发布到微信小程序

HBuilderX新增uni-app项目并发布到微信小程序

目录 1、下载软件并安装 2、创建项目并配置小程序id 3、微信开发者工具运行项目并配置 4、开发一个登录页面并发布 5、上传代码并小程序打开 6、手机扫码查看小程序 7、体验完后还要发版要去小程序申请备案认证 1、下载软件并安装 下载HBuilderX 下载微信开发者工具 …
阅读更多...
【Java SE】超详细讲解String类

【Java SE】超详细讲解String类

&#x1f970;&#x1f970;&#x1f970;来都来了&#xff0c;不妨点个关注叭&#xff01; &#x1f449;博客主页&#xff1a;欢迎各位大佬!&#x1f448; 文章目录 1. 初步认识String2. String类的常用方法2.1 字符串构造2.2 String对象比较2.2.1 比较是否引用同一个对象2.2…
阅读更多...
【Pandas】深入解析`pd.read_json()`函数

【Pandas】深入解析`pd.read_json()`函数

【Pandas】深入解析pd.read_json()函数 &#x1f308; 欢迎莅临我的个人主页&#x1f448;这里是我深耕Python编程、机器学习和自然语言处理&#xff08;NLP&#xff09;领域&#xff0c;并乐于分享知识与经验的小天地&#xff01;&#x1f387; &#x1f393; 博主简介&#x…
阅读更多...
unity开发Hololens，使用unity自带的UGUI

unity开发Hololens，使用unity自带的UGUI

hololens 使用UGUI 新建画布&#xff0c;添加组件&#xff0c; 画布模式改成WorldSpace&#xff0c;这样在能在3D场景里 随意的移动位置&#xff0c; 添加NearIteractionTouchaBleUnityUI、CanvasUtility组件 EaventsToReceive改成Pointer&#xff0c; 这样&#xff0c;UGUI的…
阅读更多...
TC3xx分析--如何提高系统运行效率(2)

TC3xx分析--如何提高系统运行效率(2)

目录 1.概述 2.限定符对于代码的影响 3.小结 1.概述 上文TC3xx分析--如何提高系统运行效率(1)-CSDN博客讲解了Tasking中lsl的某些关键定义&#xff0c;简述了Tricore寻址模式&#xff0c;接下来我们继续看&#xff0c;不同memory限定符对于代码的影响。 2.限定符对于代码的…
阅读更多...
振弦式位移计在各类工程中的应用

振弦式位移计在各类工程中的应用

振弦式位移计&#xff0c;作为一种高精度、高可靠性的测量工具&#xff0c;在各类工程中发挥着至关重要的作用。它通过测量弦的振动频率来间接得出结构的位移变化&#xff0c;为工程师和科学家们提供了精确的数据支持&#xff0c;从而确保工程的安全性和稳定性。 点击输入图片描…
阅读更多...
ASTRONEER异星探险家服务器开服多人联机

ASTRONEER异星探险家服务器开服多人联机

1、购买后登录服务器 进入控制面板后会出现正在安装的界面&#xff0c;安装大约5分钟&#xff08;如长时间处于安装中请联系我们的客服人员&#xff09; 2、获取数字IP地址 使用IP 地址查询网站将服务器IP地址填入后点击查询&#xff08;查询的时候将地址冒号后方的数字以及冒…
阅读更多...
五种不寻常的身份验证绕过技术

五种不寻常的身份验证绕过技术

身份验证绕过漏洞是现代web应用程序中普遍存在的漏洞&#xff0c;也是隐藏最深很难被发现的漏洞。 为此安全防护人员不断在开发新的认证方法&#xff0c;保障组织的网络安全。尽管单点登录(SSO)等工具通常是对旧的登录用户方式的改进&#xff0c;但这些技术仍然可能包含严重的…
阅读更多...
Java 阻塞队列与生产者消费者模型

Java 阻塞队列与生产者消费者模型

一、阻塞队列 阻塞队列是⼀种特殊的队列&#xff0c;其也遵守队列 "先进先出" 的原则&#xff1b; 阻塞队列是⼀种线程安全的数据结构&#xff0c;并且具有以下特性&#xff1a; 当队列满的时候&#xff0c;继续入队列就会阻塞&#xff0c;直到有其他线程从队列中…
阅读更多...
JWT身份验证相关安全问题

JWT身份验证相关安全问题

前言&#xff1a;工作中需要基于框架开发一个贴近实际的应用&#xff0c;找到一款比较合适的cms框架&#xff0c;其中正好用到的就是jwt做身份信息验证&#xff0c;也记录一下学习jwt相关的安全问题过程。 JWT介绍 Json web token (JWT), 是为了在网络应用环境间传递声明而执行…
阅读更多...
如何遍历并处理不平衡的Python数据集

如何遍历并处理不平衡的Python数据集

目录 一、引言 二、不平衡数据集的概念与影响 三、处理不平衡数据集的策略 重采样策略 集成学习方法 代价敏感学习 一分类方法 四、Python工具与库 五、案例分析与代码实现 案例一&#xff1a;使用imbalanced-learn库进行上采样 案例二&#xff1a;使用scikit-learn…
阅读更多...
基于L1范数惩罚的稀疏正则化最小二乘心电信号降噪方法（Matlab R2021B）

基于L1范数惩罚的稀疏正则化最小二乘心电信号降噪方法（Matlab R2021B）

L1范数正则化方法与Tikhonov正则化方法的最大差异在于采用L1范数正则化通常会得到一个稀疏向量&#xff0c;它的非零系数相对较少&#xff0c;而Tikhonov正则化方法的解通常具有所有的非零系数。即&#xff1a;L2范数正则化方法的解通常是非稀疏的&#xff0c;并且解的结果在一…
阅读更多...
vue 笔记02

vue 笔记02

目录 01 事件修饰符 02 按键修饰符 03 v-bind属性 04 vue-axios的基本使用 05 vue的生命周期 06 vue生命周期涉及到的其他的知识点 01 事件修饰符 vue的事件修饰符 事件名称.修饰符1.修饰符2...事件驱动函数 stop 阻止冒泡修饰符 prevent 阻止默认行为 once 当前事件只触…
阅读更多...
【信息学奥赛】字典的键和值对换

【信息学奥赛】字典的键和值对换

【信息学奥赛】字典的键和值对换 &#x1f496;The Begin&#x1f496;点点关注&#xff0c;收藏不迷路&#x1f496; 输入一个字典&#xff0c;要求将该字典的键和值对换。&#xff08;注意&#xff0c;字典中有键的值是重复的&#xff09; 输入&#xff1a; 一行&#xff0…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023