山东开放大学开放教育
《Web开发基础》课程平时作业(2)第3章HTML5表单元素
一、判断题
1.表单向服务器端提交数据主要有两种方式:get方式和set方式。()×
2.Select元素中的多个option元素,若希望多选一,则必须同时定义相同的name属性。()
×
3.默认情况下,单击<input type="radio">旁边的文本,不会选中该单选按钮。()√
4.实现表单提交功能,需要两部分配合才能实现: 首先需要服务器端程序接收客户端表单
提交来的数据;其次定义客户端HTML表单收集用户信息并提交数据到服务器端。()√
5.<from>元素用来定义一个表单整体,其中包含多种表单元素,用于收集用户的各种信息;
()×
6.以get方式提交表单是以隐藏的方式将数据提交给服务器。要提交的表单数据不会出现
在URL的结尾,而是包含在请求消息主体的内部。()×
二、单选题
1.定义在文本框中初始时显示的提示信息,输入内容后就被替换,可设置()属性。C
A. disabled
B. readonly
C. placeholder
D. value
2.当多个单选按钮多选一时,应该为组内的多个单选按钮定义相同的()属性值。B
A. value
B. name
C. type
D. checked
3.下列选项中,不属于input元素的type属性可选内容的是()。D
A. text
B. password
C. submit
D. hide
4.设置select元素的()属性可实现多选。D
A. value
B. selected
C. name
D. multiple
5.设置iframe的()属性,可定义iframe要引入的另一个网页的URL地址。A
A. src
B. href
C. rel
D. path
6.以get方式提交表单时,查询字符串的格式正确的是:()C
A.?uname=dingding;upwd=123456
B.?uname:dingding;upwd:123456
C.?uname=dingding&upwd=123456
D.?uname:dingding&&upwd:123456
7.以get方式提交表单时,最大可发送的数据大小为:()B
A.1K
B. 2K
C. 3K
属于input属性D. 4K
8.如果表单中包含上传文件功能时,内容类型必须设置为: ( )。D
A.utf-8
B.application/x-www-form-URLencoded
D.multipart/form-data
三、多选题
1.以下关于表单元素的描述正确的是:()。AC
B.doctype属性用于定义表单数据进行编码的方式
2.以下属于表单元素的是:()。BCD
A. label
B. input
C. textarea
D. select
3. 多个备选项中,可选择多个选中项时,可使用哪种表单元素:()。BD
A. <input type=”radio”>
B. <input type=”checkbox”>
C. <input type=”button”>
D. <select multiple>
四、配伍题
请为元素①~⑤选择右侧最合适的使用场景,将配对好的a~e填写到括号中
请填写:①:②:③:④:⑤:
[参考答案]
①:c②:a③:e④:b⑤:d
五、编程题
1.从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充
完整:
在表单中定义性别,二选一。要求,回发服务器时的变量名为“sex”。且扩大选中区域,
点击文字,也可选中选项:
<form>
<__①___><input type=”__②__” __③__=”sex” __④___=”1”>男</__①_>
<__①___><input type=”__②__” __③__=”sex” __④___=”0”>女</__①_>
</form>
[答案选项]
a.id
b.name
c.title
d.value
e.radio
f. checkbox
g.p
h. label
请填写:①:②:③:④:
[参考答案] ①:h ②:e ③:b ④:d
第4章CSS3基础知识
一、判断题
1.内部样式表的优先级总是高于外部样式表。()x
2.外部样式表是指定义在<head>元素中的<style>元素内的一组CSS样式声明。()×
3.凡是定义在元素开始标签之外的样式表,都成为外部样式表。()×
4.父元素所有样式属性,子元素都会自动继承。()×
5.默认情况下,ID选择器优先级最高,元素选择器优先级最低。()√
6.为适应不同大小的显示设备,应尽量选择相对单位设置尺寸,如百分比(%)。()√
7.单位1px的显示大小不会随显示器分辨率改变而改变。()×
8.margin:auto;可设置元素在水平和垂直两个方向都居中。()×
9.外边距合并,是指当两个垂直方向外边距相遇时,将合并为一个外边距。()√
10.如果希望将内边距和边框的范围也纳入内容范围中用width和height共同控制,可修改
box-sizing属性值为border-box。()√
11.所有行内元素都无法使用width和height属性设置大小。()×
12.外边距合并,最终的实际外边距取决于两个外边距中距离较小的那个值。()×
13.背景图片默认是不平铺的,如果希望平铺可设置background-repeat:repeat。()×
14.元素多层结构自底向上,依次是:外边距、背景、背景图片、边框和内边距,以及最
上层的内容。()√
15.background-size属性值可以是contain,表示等比缩放,但以短边刚好缩放到与元素对应
边等长时,停止缩放。()×
16.所有元素都有vertical-align属性,可设置内容垂直方向居中。()×
二、单选题
1.下列样式声明语法正确的是()。D
B. color=”purple”
C. color:”purple”
D. color:purple
2.下列关于内联样式的定义格式正确的是:()。C
A.<a color=”red” fontSize=”12px”>
B.<a style=”color=red; font-size=12px”>
C.<a style=”color:red; font-size:12px”>
D.<a style=”color:red; fontSize:12px”>
3.下列关于内部样式表的内容定义正确的是:()。B
A.body: { color:red, fontSize:12px }
B.body{ color: red; font-size: 12px }
C.body={color:red; fontSize:12px }
D.body={color:”red”, fontSize:”12px” }
4.网页中引入外部样式表的代码正确的是()。C
A.<style rel=”stylesheet” href=”index.css”>
B.<style rel=”stylesheet” src=”index.css”>
C.<link rel=”stylesheet” href=”index.css”>
D.<link rel=”stylesheet” src=”index.css”>
5.一下定义id选择器正确的是:()。A
A.#id{}
B. .id{}
C. @id{}
D. !id{}
6.所有p元素和div元素字体大小均为12px,以下写法正确的是:()。C
A.p+div{ font-size:12px }
B.p~div{ font-size:12px }
C.p,div{ font-size:12px }
D.p div{ font-size:12px }
7.选择ul元素下所有后代li(既包含直接子元素,又包含更深层后代元素)的选择器是()。
B
A.ul>li
B. ul li
C. ul,li
D. ul~li
8.选择ul元素下所有直接子元素li的选择器是()。A
A.ul>li
B. ul li
C. ul,li
D. ul~li
9.选择class为active的a元素,下列选择器正确的是()。B
A. a+.active
B. a.active
C. a .active D a>.actives
10.鼠标悬停在a元素上时,字体变为红,正确的CSS定义是()。B
A. a.hover{ color: red }
B. a:hover{ font-color: red }
C. a:active{ color: red }
D. a:active{ font-color:red }
11.一个元素的内联样式中定义color:red, 内部样式表中定义了color:green, 外部样式表中
定义了color: yellow。最终字体颜为()。A
A.red B. green C. yellow D. 无法确定
12. ()可将当前样式声明的优先级提升为最高。C
A. @important
B. ?import
C. !important
D. @import
13.以下单位属于相对长度单位的是()。A
A. em
B. pt
C. cm
D. in
14.下列关于相对长度单位描述正确的是:()。B
A. em总是相对于body元素的属性值计算倍数
<总是相对于所在父元素的属性值计算倍数
<总是相对于所在父元素的属性值计算倍数
<总是相对于当前元素上的另一个属性值计算倍数
15.下列表示颜值错误的是()。D
A.#fff
B. #e4393c
C. rgb(25, 128, 128)
D. rgb: 25 128 128
16.border属性定义正确的是()。A
A. border: 1px solid red
B. border: solid 1px red
C. border: 1px red solid
D. border:red 1px solid
17.清除文本框的轮廓可使用()。C
A.border: 0;
B. border: none;
C. outline:0;
D. border-radius:0
18.一个元素上、下外边距都是10 px,左、右外边距都是20 px,下列定义正确的是()。
C
A.margin: 10px 10px 20px 20px
B. margin: 20px 10px 20px
C. margin: 10px 20px 10px
D. margin: 20px 20px 10px 10px
19.仅设置左上角和左下角为圆角的css代码如下正确的是:()。B
A. border-radius:5px 5px 0 0
B. border-radius:5px 0 0 5px
C. border-radius: 0 5px 5px 0
D. border-radius: 0 0 5px 5px
20.仅设置左上角为圆角的css代码正确的是:()。A
A.border-top-left-radius:5px;
B. border-left-top-radius: 5px;
C. border-radius-left-top: 5px;
D. border-radius-top-left: 5px
21.框模型规定,每个元素由内向外由4个部分组成:()。B
A. 内容,边框, 内边距,间距
B. 内容, 内边距,边框,间距
C. 内边距, 内容, 间距,边框
D. 内边距, 内容, 边框, 间距
22.下列定义背景图片属性正确的是()。D
A. background-image: img/logo.png
B. background-image: url(“img/logo.png”)
C. background-image: “img/logo.png”
D. background-image: url(img/logo.png)
23.设置背景图片相对于所在元素向上移动10 px,向左移动20 px,以下设置正确的是()。
B
A. background-position: 20px 10px
B. background-position: -20px -10px
C. background-position: -10px -20px
D. background-position: 10px 20px
24.以下设置字体加粗属性正确的是()。B
A.font-size: bold
B. font-weight:bold
C. font-style:bold
D. font-family:bold
25.以下设置字体为斜体正确的是()A
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论