Dynamic Placeholder for Marketing form fields

(0) Share

Report

Posted on by mariannakoz

Hello,

I would like to ask if anyone has customized their Marketing form fields in a way that the placeholder becomes a field label positioned directly in-between the border of the form field once contact starts to type in their data and if yes, if you could share the code snippet via which you have been able to achieve this?

Thank you very much for your time and answer in advance.

All the best,

Marianna

I have the same question (0)

All responses (1)

Answers (1)

Verified answer

Haig Liu Microsoft Employee on at

Like (0)

Report

Hi mariannakoz,

Please add this JS code to the marketing page:

<script>

MsCrmMkt.MsCrmFormLoader.on("afterFormLoad", function(event) {

var input = document.getElementById("7f685ebb-7c54-4cff-a1bc-772562d25c38");

console.log(input);

var placeholder = document.getElementById('7f685ebb-7c54-4cff-a1bc-772562d25c38').placeholder;

console.log(placeholder);

input.addEventListener("blur", function(){

input.parentNode.children[0].innerHTML = placeholder;

console.log(input.parentNode.children[0]);

})

})

</script>

I use the Email field as an example. If you want to apply it to another field, please change the ID in the code to another field

Was this reply helpful? Yes No