分类: HTML 参考手册

문장 흐름 안의 짧은 인용 구간을 표현한 일러스트

HTML q 标签:行内引用、cite 来源与引号用法

区分 q 与 blockquote 以及 cite 元素或属性。使用完整示例检查来源链接和嵌套引用,同时避免重复引号。

시계와 시각 선택 컨트롤을 표현한 일러스트

HTML 时间输入:24小时制值、min、max、step 与秒

在完整示例中比较 15 分钟和 1 秒的时间输入。检查提交的字符串、必填和间隔验证、重置、跨午夜的范围,以及是否需要单独的日期和时区。

슬라이더 손잡이와 실시간 조절 결과를 표현한 일러스트

HTML range 滑块:min、max、step、实时显示与重置

创建一个滑块,可以实时更新文本大小及其数字输出。比较当前值和初始值,检查表单提交,测试键盘控制,并在重置时恢复所有显示。

증감 버튼과 일정한 간격의 숫자 입력을 표현한 일러스트

HTML 数字输入:min、max、step、小数与 valueAsNumber

在完整的数字输入示例中验证数量和带小数的重量。比较步长基数、字符串和数字值、空输入处理、标识字段以及服务器端检查。

보이는 입력창 뒤에 숨은 값 카드가 함께 전달되는 일러스트

HTML hidden 隐藏输入:提交值、JavaScript 修改与安全边界

在完整的表单示例中检查隐藏值以及复选框。比较禁用字段和 CSS 隐藏字段,通过 JavaScript 更改值,并理解为何服务器必须验证隐藏输入。

재생 버튼과 조절 막대가 있는 동영상 플레이어 일러스트

HTML video:播放控件、自动播放、响应式尺寸与故障排查

运行一个完整的视频播放器示例,支持 WebM 和 MP4 源。选择播放属性,比较响应式尺寸,排查被阻止的自动播放或不支持的文件,并规划字幕和说明。

여러 줄의 입력 내용을 담은 넓은 텍스트 영역 일러스트

HTML textarea:多行输入、长度限制、readonly 与提交值

运行一个完整的文本区域示例,带有多行默认值、必填和长度验证、只读和禁用字段。比较视觉换行与实际换行,并在 JavaScript 中安全读取当前值。

선택한 날짜와 허용 범위를 보여 주는 달력 일러스트

HTML 日期输入:value、min、max、step 与日期格式

在完整示例中检查标准化日期值、包含两端的范围、必填验证、重置和七天步长。区分日历日期和时间,并在服务器上验证重要规则。

입력 양식에서 서버로 값이 전달되는 과정을 표현한 일러스트

HTML form:用 PHP 示例比较 GET、POST、action 与 name

运行完整的 HTML 和 PHP 表单示例以比较 GET 和 POST 请求。检查字段名称、服务器验证、转义输出、编码、重置行为以及常见提交失败情况。

여러 항목을 동시에 선택한 체크박스 그룹 일러스트

HTML 复选框:多个值、required 与 indeterminate

在完整示例中检查多个复选框值、必填验证、禁用字段排除、重置和部分选择。了解服务器应如何处理缺失和重复的字段。