HTML5与CSS3 web前端开发技术习题答案

第四章

1．简答题

（1）表单中文本框和密码框在定义方法和实现效果上有什么区别？

将标记中的type属性值设置为text，就可以在表单中插入文本框。在此文本框中可以输入任何类型的数据，但输入的数据将以单行显示，不会换行。例如，使用标记输入姓名的代码如下。

姓名：

其中，name属性用于定义文本框的名称。maxlength和size属性用于指定文本框的宽度和允许用户输入最大的字符数，更多情况下，采用CSS设置。value指定文本框的默认值。

将标记中的type属性值设置为password，就可以在表单中插入密码框，涉及到各属性的含义与文本框相同。在此密码框中可以输入任何类型的数据，这些数据都将以实心圆点的形式显示，以保护密码的安全，例如：

密码：

复选框允许在一组选项中选择任意多个选项。将标记中的type属性值设置为checkbox，就可以在表单中插入复选框。通过复选框，用户可以在网页中实现多项选择。例如，

请选择：

其中，value属性指定的复选框被选中是该控件的值，checked用来设置复选框默认被选中。 单选按钮表示互相排斥的选项。在某单选按钮组（由两个或多个同名的按钮组成）中选择一个按钮时，就会取消对该组中其他所有按钮的选择。将标记中的type属性值设置为radio，就可以在表单中插入一个单选按钮。在选中状态时，按钮中心会有一个实心圆点。

（3）简述HTML5新增加的form属性、formmethod属性、placeholder属性、autocomplete属性的功能。

在HTML5中，可以将表单元素写在页面上的任何位置，然后给该元素指定一个form属性，属性值为该表单的id（id是表单的惟一属性标识），通过这种方式声明该元素属于哪个具体的表单。

HTML5中使用formmethod属性对每个表单元素分别指定不同的提交方法。

placeholder是指当文本框

autocomplete属性是辅助输入的自动完成功能，其值为“on”“off”与“”三类值。不指定时，使用浏览器的默认值（取决于各浏览器的设定）。该属性设置为on时，可以显式指定待输入的数据列表。如果使用datalist元素与list属性提供待输入的数据列表，自动完成时，可以将该 datalist元素中的数据作为待输入的数据在文本框中自动显示。

（4）HTML5中input标记的type属性增加的类型包括number、range、date、time等，说明其功能。

将input标记中的type属性设置为number，可以在表单中插入数值输入域，还可以限定输入数字的范围。

将input标记中的type属性设置为range，可以在表单中插入表示数值范围的滑动条，还可以限定可接受数值的范围。

只要将input标记中的type属性设置为date、time，可以完成网页中日期选择器的定义。

2．操作题

制作如图4-11所示的表单。

图4-11 表单示例

考试报名表

第五章

1．简答题

（1）HTML5中插入视频使用什么标记？描述其语法格式及含义、该标记的属性及功能。 HTML5提供了视频内容的标准接口，规定使用

如果浏览器不支持url指定的video元素，将显示替代文字。

表5-1 属性 src autoplay controls width height loop preload startTime currentTime duration volume muted 值 url autoplay controls 像素 像素 loop auto/none/metadata 0~1 true/false

说明 要播放视频的URL 视频就绪后立刻播放 添加播放、暂停和音量等控件 设置视频播放器的宽度 设置视频播放器的高度 设置视频是否循环播放 视频在页面加载时开始加载，并预备播放 读取媒体的开始播放时间，通常为0 读取或修改媒体的当前播放位置 读取媒体总的播放时间 读取或修改媒体的播放音量 读取或修改媒体的静音状态 （2）简述video元素常用方法和事件（各列出3种即可）。

video元素还有一系列重要的方法和事件。调用这些方法和事件可以访问和控制video对象。