プレースホルダーの文字が切れてしまう

  • Profile Image
    t_akiyama
    2025年11月2日 20:44に質問

    https://gyazo.com/ff1b34d9aeb733c86dabc889c4bec3dd

    上記のようにplaceholderの文字が切れてしまうのですが文字が切れないように修正する方法を教えてほしい。該当フォームは以下。。

    https://form.jotform.com/252740460046451

  • Profile Image
    Raymond Jotform Support
    2025年11月3日 2:13に返信

    Hi t_akiyama,

    Thanks for reaching out to Jotform Support. While we do offer Support in many foreign languages, and we're working hard to add more every day, we don't currently have Japanese Support agents who can help you. So I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using.

    Now, coming back to your question, we fix this by increasing the width of the field using a few CSS codes. Let me show you how:

    1. First, copy this code:

    /* set min width on time subfield - 32621071*/
    #input_273_timeInput {
      min-width: 100px;
    }
    /* Ends here */

    2. Next, in Form Builder, click on the Paint Roller icon on the right and click on the Styles tab on the Form Designer menu.

    3. Then, scroll down to the Inject Custom CSS box and paste the codes there. プレースホルダーの文字が切れてしまう Image 1 Screenshot 30

    This is how it would appear:

    プレースホルダーの文字が切れてしまう Image 2 Screenshot 41

    That's it. Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject Custom CSS Codes that you can check out.

    Give it a try and let us know if you need any help.

Your Reply