|
|
| （未显示同一用户的4个中间版本） |
| 第1行： |
第1行： |
| 看起来像<code>wikitable</code>的文本框。
| | 插入一个看起来像 {{code|wikitable}} 的文本框，带有指定的 ARIA role（默认为 {{code|complementary}}）。有了这个，就不用再拿 {{code|wikitable}} 来当文本框了{{jk|，真是太 {{le|semantic}} 了}}。 |
|
| |
|
| 如果指定<code>heading</code>，则会添加一个标题行，它具有<code>heading</code>的ARIA <code>role</code>。 | | 如果指定 {{code|heading}}，则会添加一个标题行。 |
| __NOTOC__ | | __NOTOC__ |
| === 参数 === | | === 模板数据 === |
| {|class=wikitable | | <templatedata> |
| |-
| | { |
| ! 参数 !! 类型 !! 必填? !! 描述
| | "params": { |
| |-
| | "1": { |
| | <code>1</code> || 内容 || y
| | "label": "内容", |
| | 文本框内容。
| | "description": "文本框内容。", |
| |-
| | "type": "content", |
| | <code>heading</code> || 内容 || n
| | "required": true |
| | 文本框标题。
| | }, |
| |-
| | "heading": { |
| | <code>class</code> || 字符串 || n
| | "label": "标题", |
| | 文本框的CSS类。
| | "description": "文本框标题。", |
| |-
| | "type": "line" |
| | <code>role</code> || 字符串 || n
| | }, |
| | 文本框的ARIA <code>role</code>，缺省为<code>complementary</code>。
| | "class": { |
| |-
| | "label": "CSS 类", |
| | <code>attrs</code> || 字符串 || n
| | "description": "文本框的 CSS 类。", |
| | 其他HTML属性，可以用于添加<code>style</code>和<code>lang</code>。
| | "type": "string", |
| |-
| | "suggestedvalues": [ |
| | <code>headingattrs</code> || 字符串 || n
| | "lnnblog-margin", |
| | 文本框标题的其他HTML属性，可以用于添加<code>lang</code>。
| | "lnnblog-margin lnnblog-margin-top-0", |
| |}
| | "lnnblog-margin-lg", |
| | "lnnblog-margin-lg lnnblog-margin-top-0", |
| | "lnnblog-float lnnblog-margin", |
| | "lnnblog-float lnnblog-margin lnnblog-margin-top-0", |
| | "lnnblog-float lnnblog-margin-lg", |
| | "lnnblog-float lnnblog-margin-lg lnnblog-margin-top-0" |
| | ] |
| | }, |
| | "role": { |
| | "label": "ARIA role", |
| | "description": "文本框的 ARIA role。", |
| | "type": "string", |
| | "suggestedvalues": [ |
| | "article", |
| | "region", |
| | "navigation" |
| | ], |
| | "default": "complementary" |
| | }, |
| | "attrs": { |
| | "label": "其他 HTML 属性", |
| | "description": "文本框的其他 HTML 属性。", |
| | "example": "lang=jbo style=\"width: 18rem\"", |
| | "type": "string" |
| | }, |
| | "headingattrs": { |
| | "label": "标题 HTML 属性", |
| | "description": "文本框标题的其他HTML属性。", |
| | "example": "lang=zh-cmn-Hans", |
| | "type": "string" |
| | } |
| | }, |
| | "description": "看起来像 wikitable 的文本框。" |
| | } |
| | </templatedata> |
|
| |
|
| === 示例 === | | === 示例 === |
| 第45行： |
第79行： |
| |role=article | | |role=article |
| |attrs=lang=la | | |attrs=lang=la |
| |heading=<span lang=zh-cmn-Hans>原文</span> | | |heading=原文 |
| | |headingattrs=lang=zh-cmn-Hans |
| |Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ... | | |Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ... |
| }}</pre> | | }}</pre> |
| 第51行： |
第86行： |
| |role=article | | |role=article |
| |attrs=lang=la | | |attrs=lang=la |
| |heading=<span lang=zh-cmn-Hans>原文</span> | | |heading=原文 |
| | |headingattrs=lang=zh-cmn-Hans |
| |Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ... | | |Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ... |
| }} | | }} |
| <noinclude>[[分类:模板文档]]</noinclude> | | |
| | === 参见 === |
| | * [[模板:Hidebox]] |
| | <noinclude>[[分类:模板文档]]</noinclude><includeonly>[[分类:内容模板]]</includeonly> |
插入一个看起来像 wikitable 的文本框，带有指定的 ARIA role（默认为 complementary）。有了这个，就不用再拿 wikitable 来当文本框了，真是太 semantic 了。
如果指定 heading，则会添加一个标题行。
模板数据
模板参数
| 参数 | 描述 | 类型 | 状态 |
|---|
| 内容 | 1 | 文本框内容。
| 内容 | 必需 |
|---|
| 标题 | heading | 文本框标题。
| 单行文本 | 可选 |
|---|
| CSS 类 | class | 文本框的 CSS 类。 - 推荐值
lnnblog-margin lnnblog-margin lnnblog-margin-top-0 lnnblog-margin-lg lnnblog-margin-lg lnnblog-margin-top-0 lnnblog-float lnnblog-margin lnnblog-float lnnblog-margin lnnblog-margin-top-0 lnnblog-float lnnblog-margin-lg lnnblog-float lnnblog-margin-lg lnnblog-margin-top-0
| 字符串 | 可选 |
|---|
| ARIA role | role | 文本框的 ARIA role。 - 推荐值
article region navigation- 默认值
- complementary
| 字符串 | 可选 |
|---|
| 其他 HTML 属性 | attrs | 文本框的其他 HTML 属性。 - 示例值
- lang=jbo style="width: 18rem"
| 字符串 | 可选 |
|---|
| 标题 HTML 属性 | headingattrs | 文本框标题的其他HTML属性。 - 示例值
- lang=zh-cmn-Hans
| 字符串 | 可选 |
|---|
示例
{{Box
|attrs=lang=zh-cmn-Hans style="float: right;"
|heading=注
|本文转载自 https://example.com<nowiki/>。
}}
{{Box
|role=article
|attrs=lang=la
|heading=原文
|headingattrs=lang=zh-cmn-Hans
|Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui do<mark>lorem ipsum</mark> quia <mark>dolor sit amet, consectetur</mark>, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ...
}}
原文
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? ...
参见
_icon.png
){kind=icon}
_wordmark.png)