HTML中级技能认证测试

判断：为满足可访问性要求，所有可交互元素（如按钮、链接）都应该能通过键盘操作。

判断：document.getElementById()方法如果没有找到匹配元素，会返回null。

可以通过 input.validity.valid = true 强制将输入框设为验证通过状态。

使用 method="GET" 提交包含密码的表单是安全的，因为数据会被编码。

以下哪种方式不能在HTML页面中嵌入SVG图形？

ARIA（Accessible Rich Internet Applications）的主要作用是什么？

以下哪个场景最适合使用 <figure> 元素？

以下关于 HTML5 中 min 和 max 属性的说法，正确的是？

HTML5 的 <figure> 元素的主要用途是？

<img>标签中用于指定图片路径的必需属性是？

DOM事件流的正确顺序是什么？

以下关于 HTML5 required 属性的说法，正确的是？

以下哪些属性同时适用于<video>和<audio>标签？（多选）

关于 HTML form 的 enctype 属性，以下说法正确的有？

关于 HTML5 的 pattern 属性，以下说法正确的有？

以下哪些是事件对象(Event)的常用方法或属性？

使用<iframe>标签嵌入网页时，____________属性指定要嵌入的页面URL，____________和____________属性设置iframe的尺寸。为防止iframe内容影响页面安全，可以使用sandbox属性限制其权限。

完成以下代码，创建一个必须填写且格式为6位数字的验证码输入框：

<input type="text"
       !!1_required!!
       !!2_pattern="[0-9]{6}"!!
       title="请输入6位数字验证码"
       placeholder="验证码">

完成以下代码，实现提交前静默验证，验证失败时再显示错误：

<form id="myForm">
  <input type="email" required>
  <button type="submit">提交</button>
</form>
<script>
const form = document.getElementById('myForm');

form.addEventListener('submit', (e) => {
  // 先静默检查验证状态
  if (!form.!!1_checkValidity!!()) {
    e.preventDefault();
    // 显示错误提示给用户
    form.!!2_reportValidity!!();
  }
});
</script>

获取浏览器视口宽度和高度使用____________和____________属性，获取屏幕尺寸使用____________和screen.height属性。

操作DOM样式时，____________属性用于设置内联样式，____________对象用于管理类名，____________方法用于获取元素最终计算样式。