Bootstrap supplies a class .uneditable-input, which can be applied to a span/label/text/etc to mimic the appearance of a disabled text input.
Bootstrap describes it as:
"Uneditable inputs: Present data in a form that's not editable without using actual form markup."
<span class="input-xlarge uneditable-input">Some value here</span>
I want to to use this in a few areas of my app where supplemental non-input data is side-by-side with editable input fields. My intention is to help maintain a neat, stackable form design. But I have a few hesitations I would like to get some UX feedback on...
Has there been any user testing done with this approach? Does it give a user the wrong impression of the data? Will the user be confused and react negatively? Normally, when there is a disabled text input, the user may think the field can be edited if they have different security, configuration, etc. But in this instance, the data is never editable-- it is only wrapped in a faux input field so that it can be presented neatly in a form.
I'd like to use this approach, but I haven't found any user research on this topic. Can anyone shed some light on this topic?