表单

一个表单。

• 名称： core/form
• 分类： 小工具
• API 版本： 3
• 块类型： 混合型（静态保存 + 服务器增强）
• 关键词： container、wrapper、row、section

块关系

允许的内部块：
– core/paragraph
– core/heading
– core/form-input
– core/form-submit-button
– core/form-submission-notification
– core/group
– core/columns

属性

通过 block.json 中的 attributes 属性定义。

支持

通过 block.json 中的 supports 属性定义。

• anchor：true
• color：
  • gradients：true
  • link：true
• spacing:
  • margin: true
  • padding: true
• typography:
  • fontSize: true
  • lineHeight: true

块标记

这是一个 混合块。它保存了静态标记，服务器在渲染过程中可能会对其进行增强。

<!-- wp:form -->
<form class="wp-block-form" enctype="text/plain">
<!-- wp:form-input -->
<div class="wp-block-form-input">
<label class="wp-block-form-input__label">
<span class="wp-block-form-input__label-content">姓名</span>
<input class="wp-block-form-input__input" type="text" name="name" required aria-required="true"/>
</label>
</div>
<!-- /wp:form-input -->

<!-- wp:form-input {"type":"email"} -->
<div class="wp-block-form-input">
<label class="wp-block-form-input__label">
<span class="wp-block-form-input__label-content">邮箱</span>
<input class="wp-block-form-input__input" type="email" name="email" required aria-required="true"/>
</label>
</div>
<!-- /wp:form-input -->

<!-- wp:form-input {"type":"url"} -->
<div class="wp-block-form-input">
<label class="wp-block-form-input__label">
<span class="wp-block-form-input__label-content">网站地址</span>
<input class="wp-block-form-input__input" type="url" name="website" aria-required="false"/>
</label>
</div>
<!-- /wp:form-input -->

<!-- wp:form-input {"type":"textarea"} -->
<div class="wp-block-form-input">
<label class="wp-block-form-input__label">
<span class="wp-block-form-input__label-content">评论</span>
<textarea class="wp-block-form-input__input" name="comment" required aria-required="true">
</textarea>
</label>
</div>
<!-- /wp:form-input -->

<!-- wp:form-submit-button -->
<div class="wp-block-form-submit-button">
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"tagName":"button","type":"submit"} -->
<div class="wp-block-button">
<button type="submit" class="wp-block-button__link wp-element-button">提交</button>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:form-submit-button -->
</form>
<!-- /wp:form -->

来源

• block.json (参考文档)
• 源代码目录 — 浏览 edit 和 save 源代码文件、index.php 等。