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

0
いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #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
    いいねをした人: 居ません
    #143044
    アバター画像キタジマ タカシ
    参加者
    2426

    こちらの環境で

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

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

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

    0
    いいねをした人: 居ません
    #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
    いいねをした人: 居ません
    #143067
    アバター画像キタジマ タカシ
    参加者
    2426

    ありがとうございます!

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

    0
    いいねをした人: 居ません
    #143068
    多田功
    参加者
    0

    なるほど、

    そちらを参照しているのですね。

    ありがとうございます。

    0
    いいねをした人: 居ません
    #143072
    アバター画像キタジマ タカシ
    参加者
    2426

    この name 属性を使ってどの項目からどの内容が送られてきたのかも判別しているので、それぞれにユニークな値を設定する必要があります。

    修正して正しく動作することを確認できたら、トピックのクローズをお願いします!

    0
    いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「Snow Monkey Formsのplaceholderに設定したにも関わらず、サイトに正しく表示されない」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。