2026年8月19日 (三) 14:01 晨茗biu～

2026-08-19T14:01:06Z

←上一版本		2026年8月19日 (三) 22:01的版本
第1行：		第1行：
	<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\|}}} data-autohide="{{{autohide\|}}}">		<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\|}}}" data-autohide="{{{autohide\|}}}">
	<div class="pd-head">		<div class="pd-head">
	<span class="pd-title">{{{title\|密码盘}}}</span><br>		<span class="pd-title">{{{title\|密码盘}}}</span><br>

2026年8月19日 (三) 13:41 晨茗biu～

2026-08-19T13:41:51Z

←上一版本		2026年8月19日 (三) 21:41的版本
第1行：		第1行：
	<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\|}}}">		<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\|}}} data-autohide="{{{autohide\|}}}">
	<div class="pd-head">		<div class="pd-head">
	<span class="pd-title">{{{title\|密码盘}}}</span><br>		<span class="pd-title">{{{title\|密码盘}}}</span><br>

2026年8月19日 (三) 13:40 晨茗biu～

2026-08-19T13:40:09Z

显示更改

晨茗biu～：创建页面，内容为“

{{{title|密码盘}}}
{{{hint|请输入密码}}}

…”

2026-08-18T15:33:33Z

创建页面，内容为“<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-head"> <span class="pd-title">{{{title|密码盘}}}</span><br> <span class="pd-state">{{{hint|请输入密码}}}</span> </div> <div class="pd-display"></div> <div class="pd-keys"></div>…”

新页面

<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-head">
<span class="pd-title">{{{title|密码盘}}}</span><br>
<span class="pd-state">{{{hint|请输入密码}}}</span>
</div>
<div class="pd-display"></div>
<div class="pd-keys"></div>
<div class="pd-msg" role="status" aria-live="polite"></div>
<span class="pd-okmsg" style="display:none">{{{okmsg|✓ 密码正确}}}</span>
<span class="pd-errmsg" style="display:none">{{{errmsg|✗ 密码错误，请重试}}}</span>
</div></includeonly>
<noinclude>
*'''密码盘'''：输入符号密码，正确即显示页面中别处的隐藏内容。支持多密码、多行按键布局、自定义提示文案；解锁后不锁定，可连续输入多个密码，已解锁内容不隐藏。
*本模板依赖JavaScript运行，请确保浏览器已启用JavaScript。

== 配套页面 ==
* [[模板:密码盘/styles.css]] —— 面板样式
* [[MediaWiki:密码盘.js]] —— 交互脚本
* [[模板:密码盘/内容]] —— 被解锁内容容器（也可手写 div）

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

== 布局规则 ==
* '''未填 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）。
代码：
<pre>
{{密码盘
| correct = Q,W,E
| target = doc-a
}}
{{密码盘/内容
| key = doc-a
| content = '''解锁成功！'''这是被隐藏的内容。
}}
</pre>
效果（可直接操作）：
{{密码盘
| correct = Q,W,E
| target = doc-a
}}
{{密码盘/内容
| key = doc-a
| content = '''解锁成功！'''这是被隐藏的内容。
}}

== 实例 2：多密码对应多内容 ==
第 i 个密码解锁第 i 组 target。解锁后不锁定，可连续输入多个密码。
代码：
<pre>
{{密码盘
| 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}}
</pre>
效果（可直接操作）：
{{密码盘
| 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（不填则单行）。
代码：
<pre>
{{密码盘
| 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 = '''解锁成功！'''这是被隐藏的内容。
}}
</pre>
效果（可直接操作）：
{{密码盘
| 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 解析，支持加粗、颜色、链接、模板等。
代码：
<pre>
{{密码盘
| correct = A,B
| errmsg = '''暗号不对，再试试！'''
| okmsg = '''对上了！'''
| target = doc-e
}}
{{密码盘/内容
| key = doc-e
| content = '''解锁成功！'''这是被隐藏的内容。
}}
</pre>
效果（可直接操作）：
{{密码盘
| correct = A,B
| errmsg = '''暗号不对，再试试！'''
| okmsg = '''对上了！'''
| target = doc-e
}}
{{密码盘/内容
| key = doc-e
| content = '''解锁成功！'''这是被隐藏的内容。
}}

== 实例 5：自定义解锁内容外观 ==
解锁内容不预设任何外观，外观完全由用户决定。可用内容模板的 class / style 参数，或在内容内自包容器，也可直接手写 div。
代码：
<pre>
{{密码盘
| correct = B,C
| target = doc-d
}}
{{密码盘/内容
| key = doc-d
| class = doc-gift
| style = display:none; padding:12px; background:#e8f5e9; border:1px solid #43a047;
| content = '''带自定义样式的内容。'''
}}
</pre>
效果（可直接操作）：
{{密码盘
| correct = B,C
| target = doc-d
}}
{{密码盘/内容
| key = doc-d
| class = doc-gift
| style = display:none; padding:12px; background:#e8f5e9; border:1px solid #43a047;
| content = '''带自定义样式的内容。'''
}}

== 注意事项 ==
* 符号内不能含英文逗号或分号（均为分隔符）；符号含 <code>|</code> 时写 <code><nowiki>{{!}}</nowiki></code>。
* 符号并不限定在英文，也不限定单个解谜符号的字数，请按需尝试并选择。
* 各密码位数必须一致；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 解析：<code>'''加粗'''</code>、<code><nowiki>[[链接]]</nowiki></code>、<code><nowiki>{{模板}}</nowiki></code> 均可用；值内含 <code><nowiki>|</nowiki></code> 时须写 <code><nowiki>{{!}}</nowiki></code>，内含 <code>}}</code> 时写 <code><nowiki>{{)}}</nowiki></code>。
* 正确/错误提示在下次验证前一直显示，仅在下一次输入判定时更新。
* 不配 target 时，密码正确仅显示面板反馈，不展开内容。
* 面板空白无按键 = JS 未加载，请检查浏览器配置。
</noinclude>

模板:密码盘 - 版本历史

2026年8月19日 (三) 14:01 晨茗biu～

2026年8月19日 (三) 13:41 晨茗biu～

2026年8月19日 (三) 13:40 晨茗biu～

晨茗biu～：​创建页面，内容为“ {{{title|密码盘}}} {{{hint|请输入密码}}} …”

晨茗biu～：创建页面，内容为“

{{{title|密码盘}}}
{{{hint|请输入密码}}}

…”