html+CSS部分基础运用9

最新推荐文章于 2024-07-19 15:32:49 发布

-Initiation

最新推荐文章于 2024-07-19 15:32:49 发布

阅读量1.4k

点赞数 35

分类专栏：前端3剑客运用（html+css+js）文章标签： html css

本文链接：https://blog.csdn.net/m0_55709044/article/details/139295244

版权

前端3剑客运用（html+css+js）专栏收录该内容

20 篇文章 0 订阅

订阅专栏

项目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列的多选文本域，多选文本域初始内容为“请您提出宝贵的建议”。

项目1

<!DOCTYPE html>

<head>

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

<style>

text-align: center;

}

table{

text-align: left;

}

#a{

text-align: center;

}

</style>

</head>

<body>

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

<tr>

</tr>

<tr>

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

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

房间类型：<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>

</tr>

</table>

</form>

</body>

</html>

项目2

<!DOCTYPE html>

<head>

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

<tr>

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

</tr>

<tr>

<td>

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

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

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>3.您的年级：

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

</select>

</td>

</tr>

<tr>

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

<ul>

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

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

</ul>

</td>

</tr>

<tr>

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

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

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</div>

</body>

</html>

项目1

项目2

-Initiation

关注

35
点赞
踩
17

收藏

觉得还不错? 一键收藏
打赏
0
评论
html+CSS部分基础运用9

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

扫一扫

专栏目录

html+CSS部分基础运用9

“相关推荐”对你有帮助么？