This script will allow you to use a regular field snippet but have it appear hidden on the web form when displayed

hide-infusionsoft-field.js

/*
Instructions: 

In the code below, replace the REPLACE WITH INFUSIONSOFT FIELD NAME with a # and the ID 
of the field(s) you want to hide. 

For example, if you were hiding the Email field, you would replace it with #inf_field_Email and the
code would look like this: 

 jQuery('#inf_field_Email').parent().parent().hide();  // Be sure to leave single quotes in place
 jQuery('label[for=#inf_field_Email]').parent().parent().hide(); 
 
If you were hiding a custom field named TestField, you would replace it with #inf_custom_TestField and the
code would look like this: 

 jQuery('#inf_custom_TestField').parent().parent().hide();  // Be sure to leave single quotes in place
 jQuery('label[for=#inf_custom_TestField]').parent().parent().hide();

Modify the code below then copy and paste it into an HTML area on your webform.

*/
 
<script type="text/javascript">
    $ = jQuery;
    $(document).ready(function () {
    
    jQuery('REPLACE WITH INFUSIONSOFT FIELD NAME').parent().parent().hide();  // Hides the field
    jQuery('label[for=REPLACE WITH INFUSIONSOFT FIELD NAME]').parent().parent().hide();  // Hides the field label
    
    });
</script>