@SanfordWhiteman This script is really great except that it's missing the ability to show/hide the label if a change has been made to the select drop down menu. The textarea input field also required a small fix to get working. Here is what I have so far that works for textarea but not select:
MktoForms2.whenReady(function(form){
var formEl = form.getFormElem()[0],
placeholderableTypes = {
"INPUT" : ["text", "search", "tel", "url", "email", "password", "number"],
"TEXTAREA" : ["textarea"],
"SELECT" : ["select"]
};
function managePlaceholders(knownTarget){
var currentValues = form.getValues(),
fieldNames = knownTarget ? [knownTarget.target.name] : Object.keys(currentValues);
fieldNames
.map(function(fieldName){
var fieldEl = formEl.querySelector("[id='" + fieldName + "']" ),
labelEl = fieldEl && formEl.querySelector("label[for='" + fieldEl.id + "']" );
return {
fieldEl : fieldEl,
labelEl : labelEl,
isValued : Boolean(currentValues[fieldName])
}
})
.filter(function(labelDesc){
return labelDesc.labelEl &&
Array.isArray(placeholderableTypes[labelDesc.fieldEl.nodeName]) &&
placeholderableTypes[labelDesc.fieldEl.nodeName]
.some(function(type){
return labelDesc.fieldEl.type == type;
});
})
.forEach(function(labelDesc){
labelDesc.labelEl.setAttribute( "data-for-placeholder-hidden", [labelDesc.isValued, knownTarget ? "interactive" : "prefilled"].join("-") );
});
}
formEl.addEventListener("change", managePlaceholders);
managePlaceholders();
});
... View more
Customize up to 8 badges at the top of your trophy case for all other Community members to see!
Seeker
Earned on 2.23.21
Earned by 268 people
Select to learn more
Validate 1
Earned on 2.23.21
Earned by 266 people
Select to learn more
Engage 1
Earned on 2.23.21
Earned by 389 people
Select to learn more
Give Back 25
Earned on 2.08.21
Earned by 223 people
Select to learn more
Give Back 5
Earned on 2.08.21
Earned by 694 people
Select to learn more
Ignite 5
Earned on 2.08.21
Earned by 383 people
Select to learn more
Boost 5
Earned on 2.08.21
Earned by 909 people
Select to learn more
Give Back 3
Earned on 2.08.21
Earned by 1016 people
Select to learn more
.png)