This is something I always wondered: when designing a form, why do labels hold more weight than values when values are what matter?
Consider the following examples (left column is form fields, right column for output):
Example 1 is the most common approach: Label has more weight than value in input field (as a matter of fact, it's SE approach)
Example 2 is what feels more logical: value is more important than label. While some sites use this approach, it's far from being the most common.
Example 3 holds the same weight for both elements. I feel it's quite confusing, but on the other hand data (value) isn't less important than labels. Note that while I toned down both options, it could be pure black, the important thing is that both label and values have the same style and size (Now that I see it, values are smaller, but think of them as if they were the same size, it's just a mistake I made)
Example 4 is what I tend to use nowadays: values are way more important than labels. I feel this is the most logical thing to do, yet it's the less popular option of all.
Why is this? What is the reasoning behind labels being more important than values? What am I missing here? I'm asking in general, not very particular cases.
Additionally: should form outputs "inherit" the input styles for consistence?
Important Edit: while some answers mention the examples as
placeholders, the images show the status of filled fields, so scanning process has happened before filling those fields, sorry for the mistake