HTML 测试页面

这是一个用于测试 HTML、CSS 和 JavaScript 功能的页面

表单测试

内容测试

示例图片

占位图片 (180×180)

这是一个图片占位符,用于测试布局

状态消息

✓ 这是一个成功消息示例
⚠ 这是一个警告消息示例
✗ 这是一个错误消息示例

列表测试

无序列表示例:

有序列表示例:

  1. 打开测试页面
  2. 填写表单数据
  3. 点击提交按钮
  4. 查看测试结果

表格测试

ID 姓名 邮箱 状态
001 张三 zhangsan@example.com 活跃
002 李四 lisi@example.com 待审核
003 王五 wangwu@example.com 已停用
004 赵六 zhaoliu@example.com 活跃

代码示例

// JavaScript 示例代码 document.getElementById('testForm').addEventListener('submit', function(e) { e.preventDefault(); const name = document.getElementById('name').value; const email = document.getElementById('email').value; if(name && email) { alert(`表单提交成功!\n姓名: ${name}\n邮箱: ${email}`); } else { alert('请填写所有必填字段!'); } });

按钮测试