这是测试站点!!!!

不要保存重要内容!不要保存重要内容!不要保存重要内容!不要保存重要内容!不要保存重要内容!

模板:密码盘:修订间差异

来自Limbo Wiki
晨茗biu~​(留言 | 贡献)
小无编辑摘要
晨茗biu~​(留言 | 贡献)
小无编辑摘要
第1行: 第1行:
<includeonly><templatestyles src="密码盘/styles.css" />
<includeonly><templatestyles src="密码盘/styles.css" /><div class="pd-pad {{{class|}}}" style="{{{style|}}}" data-answer="{{{correct|}}}" data-symbols="{{{symbols|}}}" data-length="{{{length|}}}" data-layout="{{{layout|}}}" data-target="{{{target|}}}">
<div class="pd-pad {{{class|}}}" style="{{{style|}}}" data-answer="{{{correct|}}}" data-symbols="{{{symbols|}}}" data-length="{{{length|}}}" data-layout="{{{layout|}}}" data-target="{{{target|}}}">
   <div class="pd-head">
   <div class="pd-head">
<span class="pd-title">{{{title|密码盘}}}</span><br>
<span class="pd-title">{{{title|密码盘}}}</span><br>
第9行: 第8行:
   <div class="pd-msg" role="status" aria-live="polite"></div>
   <div class="pd-msg" role="status" aria-live="polite"></div>
<span class="pd-okmsg" style="display:none">{{{okmsg|✓ 密码正确}}}</span>
<span class="pd-okmsg" style="display:none">{{{okmsg|✓ 密码正确}}}</span>
<span class="pd-errmsg" style="display:none">{{{errmsg|✗ 密码错误,请重试}}}</span>
<span class="pd-errmsg" style="display:none">{{{errmsg|✗ 密码错误,请重试}}}</span></div></includeonly><noinclude>
</div></includeonly>
<noinclude>
*'''密码盘''':输入符号密码,正确即显示页面中别处的隐藏内容。支持多密码、多行按键布局、自定义提示文案;解锁后不锁定,可连续输入多个密码,已解锁内容不隐藏。
*'''密码盘''':输入符号密码,正确即显示页面中别处的隐藏内容。支持多密码、多行按键布局、自定义提示文案;解锁后不锁定,可连续输入多个密码,已解锁内容不隐藏。
*本模板依赖JavaScript运行,请确保浏览器已启用JavaScript。
*本模板依赖JavaScript运行,请确保浏览器已启用JavaScript。
第24行: 第21行:
! 参数 !! 必填 !! 默认 !! 说明
! 参数 !! 必填 !! 默认 !! 说明
|-
|-
| correct || 是 || — || 正确密码,符号用逗号分隔;多密码用分号 <code>;</code> 分隔各组,如 <code>A,B,C;D,E,F</code>
| correct || 是 || — || 正确密码,符号用英文逗号 <code>,</code>分隔;多密码用分号 <code>;</code> 分隔各组,如 <code>A,B,C;D,E,F</code>
|-
|-
| target || 否 || — || 内容键名组,与 correct 各组一一对应:第 i 个密码解锁第 i 组。组间用 <code>;</code>、组内用 <code>,</code>,如 <code>boxA,boxB;boxC</code>
| target || 否 || — || 内容键名组,与 correct 各组一一对应:第 i 个密码解锁第 i 组。组间用 <code>;</code>、组内用 <code>,</code>,如 <code>boxA,boxB;boxC</code>
|-
|-
| symbols || 否 || QWERTY 26 键 || 按键符号列表,个数 = 按键总数。不填时默认 QWERTY 键盘 26 个大写字母
| symbols || 否 || QWERTY 26 键 || 按键符号列表,个数 = 按键总数,符号间用英文逗号 <code>,</code>分隔。不填时默认 QWERTY 键盘 26 个大写字母
|-
|-
| length || 否 || 第一个密码的位数 || 密码位数;'''所有密码位数必须一致'''
| length || 否 || 第一个密码的位数 || 密码位数,正常使用时一般不用填;'''所有密码位数必须一致'''
|-
|-
| layout || 否 || 见下方说明 || 按键行布局:逗号分隔整数,个数=行数,每数=该行键数,如 <code>3,4,3</code>。不填时的默认:默认键盘按 QWERTY 三行(10/9/7);自定义 symbols 且未填写该参数时按单行执行
| layout || 否 || 见右侧说明 || 按键行布局:逗号分隔整数,个数=行数,每数=该行键数,如 <code>3,4,3</code>。不填时的默认:默认键盘按 QWERTY 三行(10/9/7);自定义 symbols 且未填写该参数时按单行执行
|-
|-
| errmsg || 否 || ✗ 密码错误,请重试 || 密码错误时的提示
| errmsg || 否 || ✗ 密码错误,请重试 || 密码错误时的提示
第40行: 第37行:
| title || 否 || 密码盘 || 面板标题
| title || 否 || 密码盘 || 面板标题
|-
|-
| hint || 否 || 请输入密码 || 提示文字
| hint || 否 || 请输入密码 || 面板提示文字
|-
|-
| class || 否 || — || 追加到面板容器的 class
| class || 否 || — || 追加到面板容器的 class

2026年8月19日 (三) 01:40的版本

  • 密码盘:输入符号密码,正确即显示页面中别处的隐藏内容。支持多密码、多行按键布局、自定义提示文案;解锁后不锁定,可连续输入多个密码,已解锁内容不隐藏。
  • 本模板依赖JavaScript运行,请确保浏览器已启用JavaScript。

配套页面

参数

参数 必填 默认 说明
correct 是 — 正确密码,符号用英文逗号 ,分隔;多密码用分号 ; 分隔各组,如 A,B,C;D,E,F
target 否 — 内容键名组,与 correct 各组一一对应:第 i 个密码解锁第 i 组。组间用 ;、组内用 ,,如 boxA,boxB;boxC
symbols 否 QWERTY 26 键 按键符号列表,个数 = 按键总数,符号间用英文逗号 ,分隔。不填时默认 QWERTY 键盘 26 个大写字母
length 否 第一个密码的位数 密码位数,正常使用时一般不用填;所有密码位数必须一致
layout 否 见右侧说明 按键行布局:逗号分隔整数,个数=行数,每数=该行键数,如 3,4,3。不填时的默认:默认键盘按 QWERTY 三行(10/9/7);自定义 symbols 且未填写该参数时按单行执行
errmsg 否 ✗ 密码错误,请重试 密码错误时的提示
okmsg 否 ✓ 密码正确 密码正确时的提示
title 否 密码盘 面板标题
hint 否 请输入密码 面板提示文字
class 否 — 追加到面板容器的 class
style 否 — 追加到面板容器的内联样式

简易使用教程

  • 在correct一栏按顺序填入对应按键符号,中间用英文逗号(即半角逗号)分隔,这一栏即为正确答案,在target填写对应的想要显现的内容标签即可。
  • 对于想要显现的内容,使用“密码盘/内容”模板,在key一栏填入自定义标签,在content一栏填入对应内容即可。

布局规则

  • 未填 symbols,未填 layout:默认 QWERTY 键盘,26 个字母按 10 / 9 / 7 三行排列。
  • 填了 symbols,未填 layout:所有自定义符号单行排列,超宽自动折行。
  • 填了 layout:无论是否填 symbols,都按你指定的行布局排列(建议各行键数之和 = symbols 个数;超出部分并入最后一行)。

实例 1:默认 QWERTY 键盘

不填 symbols / layout 即为 QWERTY 三行布局(Q W E R T Y U I O P / A S D F G H J K L / Z X C V B N M)。 代码:

{{密码盘
| correct = Q,W,E
| target  = doc-a
}}
{{密码盘/内容
| key     = doc-a
| content = '''解锁成功!'''这是被隐藏的内容。
}}

效果(可直接操作):

密码盘
请输入密码


实例 2:多密码对应多内容

第 i 个密码解锁第 i 组 target。解锁后不锁定,可连续输入多个密码。 代码:

{{密码盘
| correct = A,B,C; D,E,F; G,H,I
| target  = doc-b1,doc-b2; doc-b3; doc-b4
}}
{{密码盘/内容|key=doc-b1|content=ABC 解锁的 A}}
{{密码盘/内容|key=doc-b2|content=ABC 解锁的 B}}
{{密码盘/内容|key=doc-b3|content=DEF 解锁的 C}}
{{密码盘/内容|key=doc-b4|content=GHI 解锁的 D}}

效果(可直接操作):

密码盘
请输入密码


实例 3:自定义符号 + 指定行布局

自定义 symbols 时若想多行,须显式填写 layout(不填则单行)。 代码:

{{密码盘
| correct = 一二三四,B,C,D,E
| symbols = 一二三四,B,C,D,E,F,G,H,I,J
| length  = 5
| layout  = 3,4,3
| target  = doc-c
}}
{{密码盘/内容
| key     = doc-c
| content = '''解锁成功!'''这是被隐藏的内容。
}}

效果(可直接操作):

密码盘
请输入密码


实例 4:自定义提示文案

errmsg / okmsg 按 wikitext 解析,支持加粗、颜色、链接、模板等。 代码:

{{密码盘
| correct = A,B
| errmsg  = '''暗号不对,再试试!'''
| okmsg   = '''对上了!'''
| target  = doc-e
}}
{{密码盘/内容
| key     = doc-e
| content = '''解锁成功!'''这是被隐藏的内容。
}}

效果(可直接操作):

密码盘
请输入密码


实例 5:自定义解锁内容外观

解锁内容不预设任何外观,外观完全由用户决定。可用内容模板的 class / style 参数,或在内容内自包容器,也可直接手写 div。 代码:

{{密码盘
| correct = B,C
| target  = doc-d
}}
{{密码盘/内容
| key     = doc-d
| class   = doc-gift
| style   = display:none; padding:12px; background:#e8f5e9; border:1px solid #43a047;
| content = '''带自定义样式的内容。'''
}}

效果(可直接操作):

密码盘
请输入密码


注意事项

  • 符号内不能含英文逗号或分号(均为分隔符);符号含 | 时写 {{!}}。
  • 符号并不限定在英文,也不限定单个解谜符号的字数,请按需尝试并选择。
  • 各密码位数必须一致;target 键名只推荐字母、数字、-、_。
  • 默认按键为 QWERTY 键盘(Q,W,E,R,T,Y,U,I,O,P / A,S,D,F,G,H,J,K,L / Z,X,C,V,B,N,M),三行 10/9/7;使用默认按键时密码请用大写字母。
  • 自定义 symbols 未填 layout 时按键单行排列,超宽自动折行;要多行请显式填写 layout。
  • errmsg / okmsg 按 wikitext 解析:加粗、[[链接]]、{{模板}} 均可用;值内含 | 时须写 {{!}},内含 }} 时写 {{)}}。
  • 正确/错误提示在下次验证前一直显示,仅在下一次输入判定时更新。
  • 不配 target 时,密码正确仅显示面板反馈,不展开内容。
  • 面板空白无按键 = JS 未加载,请检查浏览器配置。