I have created a page and am currently converting the page to use bootstrap. I was using an apex:inputField and nothing is wrong except that inputField does not accept disabled as an attribute. So I am trying to convert it into a regular input element and it works as expected but the moment I remove the inputField it breaks the entire page and shows "Error occurred while loading a Visualforce page."

<div class="col-md-4 col-sm-6 col-xs-12 noPadding">
    <h4>I need assistance with</h4><span class="required">*</span>
    <apex:inputField value="{!Case.I_need_assistance_with__c}" />
    <input class="form-control col-md-6 col-sm-8 col-xs-12" id="disabledInput" type="text" placeholder="{!Case.I_need_assistance_with__c}" disabled="true" />

Why is removing this line causing an error?

2 Answers 2


For future reference, you can pass custom html attributes into inputFields (and other VisualForce tags), using html pass-through attributes: https://developer.salesforce.com/docs/atlas.en-us.196.0.pages.meta/pages/pages_html_features_pass_through_attributes.htm


<apex:inputField value="{!Case.I_need_assistance_with__c}" html-disabled="true" />

After thinking about this more it hit me that inputField was a dropdown and not just a flat inputbox. I modified my code to be,

<select disabled="true">
    <option value="{!Case.I_need_assistance_with__c}">{!Case.I_need_assistance_with__c}</option>

and it worked without any issues. Weird how it will render correctly inside of the inputbox though.

  • Whats really weird is that it let you save it with the input field and input in the code if the input was the issue....
    – Eric
    Commented Aug 26, 2014 at 2:26
  • Agreed! Totally blew my mind.
    – Grady D
    Commented Aug 26, 2014 at 2:28

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .