File Upload form element isn't showing appropriately

Hi, I've got a form where the file upload button is showing in a strange way. I've shared the link to the form below and the screenshot of the button.

Thank you,

Robert

Hi Robert,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

For a File Upload field, you can change the allowed file types in Form Builder.

Here’s how to do it:

1. Click on your File Upload field in Form Builder.
2. Click on the Gear icon on the right side of the field.
3. Go to the Options tab in the File Upload Properties panel.
4. Enter the file types you want to accept in the File Types box, separated by commas.

By default, the File Upload field accepts a wide range of file types, including document, HTML, ZIP, audio, video, and image files. If you want to allow all file types, enter an asterisk in the File Types box.

Give it a try and let us know how it goes.

Hi Robert,

We can easily fix that by Injecting CSS Codes into your form. Let me show you how:

1. First, copy this code:

/*fix redundant file upload field label*/

.sr-only {

display: none;

}

2. In Form Builder, click on the Paint Roller icon on the upper-right side of the page.

3. Then, in the Form Designer menu on the right, go to the Styles tab.

4. Finally, paste the CSS code into the Inject Custom CSS code field.

Let us know if you have any other questions.