Snow Monkey Formsのplaceholderに設定したにも関わらず、サイトに正しく表示されない

♥ 0

いいねをした人: 居ません

このトピックには5件の返信、2人の参加者があり、最後にキタジマタカシにより1日、 12時間前に更新されました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)

投稿者

投稿

2024年12月1日 10:12 PM #143033

多田功

参加者

♥ 0

【お使いの Snow Monkey のバージョン】27.4.0
【お使いの Snow Monkey Blocks のバージョン】22.2.5
【お使いの Snow Monkey Editor のバージョン】10.0.6
【お使いの PHP のバージョン】8.3
【お使いのブラウザ】Chrome
【当該サイトのURL】http://tsukubasmartcity.jp.testrs.jp/

### 発生している問題
・placeholderに設定したにも関わらず、サイトに表示されない

### 試したこと
・再度、新規設定をした場合、表示される場合あり

設定画面

サイト上の表示

♥ 0

いいねをした人: 居ません

2024年12月2日 10:45 AM #143044

キタジマタカシ

参加者

♥ 2426

こちらの環境で

– テキスト
– メール
– テキストエリア

というフォームをつくって、それぞれに異なる placeholder を設定してみましたが、エディターでもフロントでも設定した値が正しく設定されました。

ちょっと再現方法がわからないので、実際の表示が確認できるページを見せていただくか（記載いただいた URL は 403 で表示できませんでした）、こちらの環境で再現できるようにここにフォームの内容を貼り付けていただければと思います（フォームの編集画面でページ右上の「オプション」→「コードエディター」でコードエディターに切り替えれば HTML がコピペできます）。

♥ 0

いいねをした人: 居ません

2024年12月2日 2:21 PM #143056

多田功

参加者

♥ 0

ありがとうございます。コードエディタでのソースを送付します。

<!-- wp:group {"metadata":{"name":"総会参加者"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:snow-monkey-forms/item {"metadata":{"name":"総会参加者"}} -->
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">所属部署<span class="sme-text-color has-sm-accent-color">（準会員の場合は記入不要です）</span></span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls"><!-- wp:snow-monkey-forms/control-text {"name":"name","placeholder":"（例）企画部","size":30,"validations":"{\u0022required\u0022:false}"} /--></div></div></div>
<!-- /wp:snow-monkey-forms/item -->

<!-- wp:snow-monkey-forms/item {"metadata":{"name":"役職"}} -->
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">役職<span class="sme-text-color has-sm-accent-color">（準会員の場合は記入不要です）</span></span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls"><!-- wp:snow-monkey-forms/control-text {"name":"name","placeholder":"（例）部長","size":30,"validations":"{\u0022required\u0022:false}"} /--></div></div></div>
<!-- /wp:snow-monkey-forms/item -->

<!-- wp:snow-monkey-forms/item {"metadata":{"name":"氏名"}} -->
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">氏名<span class="sme-text-color has-sm-accent-color">（準会員の場合は記入不要です）</span></span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls"><!-- wp:snow-monkey-forms/control-text {"name":"name","placeholder":"（例）東京　太郎","size":30,"validations":"{\u0022required\u0022:false}"} /--></div></div></div>
<!-- /wp:snow-monkey-forms/item --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"metadata":{"name":"窓口担当者"},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:snow-monkey-forms/item {"metadata":{"name":"総会参加者"}} -->
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">所属部署<span class="sme-text-color has-sm-accent-color">（必須）</span></span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls"><!-- wp:snow-monkey-forms/control-text {"name":"name","placeholder":"（例）企画部","size":30,"validations":"{\u0022required\u0022:true}"} /--></div></div></div>
<!-- /wp:snow-monkey-forms/item -->

<!-- wp:snow-monkey-forms/item {"metadata":{"name":"役職"}} -->
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">役職<span class="sme-text-color has-sm-accent-color"><span class="sme-text-color has-sm-accent-color">（必須）</span></span></span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls"><!-- wp:snow-monkey-forms/control-text {"name":"name","placeholder":"（例）部長","size":30,"validations":"{\u0022required\u0022:true}"} /--></div></div></div>
<!-- /wp:snow-monkey-forms/item -->

<!-- wp:snow-monkey-forms/item {"metadata":{"name":"氏名"}} -->
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">氏名<span class="sme-text-color has-sm-accent-color"><span class="sme-text-color has-sm-accent-color">（必須）</span></span></span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls"><!-- wp:snow-monkey-forms/control-text {"name":"name","placeholder":"（例）日本　太郎","size":30,"validations":"{\u0022required\u0022:true}","metadata":{"name":"氏名"}} /--></div></div></div>
<!-- /wp:snow-monkey-forms/item -->

<!-- wp:snow-monkey-forms/item {"metadata":{"name":"メールアドレス"}} -->
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">メールアドレス<span class="sme-text-color has-sm-accent-color"><span class="sme-text-color has-sm-accent-color">（必須）</span></span></span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls"><!-- wp:snow-monkey-forms/control-text {"name":"name","placeholder":"（例）◯◯◯@gmail.com","size":30,"validations":"{\u0022required\u0022:true}","metadata":{"name":"メールアドレス"}} /--></div></div></div>
<!-- /wp:snow-monkey-forms/item --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">請求書の送付先</h3>
<!-- /wp:heading -->

<!-- wp:snow-monkey-forms/item {"metadata":{"name":"請求書の送付先 宛名"}} -->
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">宛名</span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls"><!-- wp:snow-monkey-forms/control-text {"name":"text-1idvtj83o","placeholder":"（例）東京　太郎","size":30,"validations":"{\u0022required\u0022:true}"} /--></div></div></div>
<!-- /wp:snow-monkey-forms/item -->

<!-- wp:snow-monkey-forms/item {"metadata":{"name":"入会区分"}} -->
<div class="wp-block-snow-monkey-forms-item smf-item"><div class="smf-item__col smf-item__col--label"><div class="smf-item__label"><span class="smf-item__label__text">送付先住所又はメールアドレス</span></div></div><div class="smf-item__col smf-item__col--controls"><div class="smf-item__controls"><!-- wp:snow-monkey-forms/control-text {"name":"text-1idvtj83o","placeholder":"（例）◯◯◯@gmail.com","size":70} /--></div></div></div>
<!-- /wp:snow-monkey-forms/item --&gt

♥ 0

いいねをした人: 居ません

2024年12月3日 12:59 PM #143067

キタジマタカシ

参加者

♥ 2426

ありがとうございます！

各入力項目の name 属性の設定値が同じ name で重複しているので、それぞれに別の name 属性値を設定してみてください！

♥ 0

いいねをした人: 居ません

2024年12月3日 1:05 PM #143068

多田功