!
Best answer by TomG
View original
Default text in a response that disappears when clicked on
How do we set default text that can disappear when a text box is clicked on? A client has a verbatim question and in this box needs to provide some instruction about not entering personal details here. I have set a default text response but the customer has to manually delete this before providing their response and also can submit this default text as a response. I need something that works in the same way as the email and name fields in the attached image, an example is provided to give you an idea of the format required, but when you click in the text disappears. How can this be done in the survey?
!
!
Page 2 / 2
+1
@TMartin53 did you get an answer to this? I have the same question.
Hi,
Can I apply this same coding to a multiple choice question with an "other" option with text entry? Screenshot is attached below.
Can I apply this same coding to a multiple choice question with an "other" option with text entry? Screenshot is attached below.
+2
@TomG that works beautifully, thank you!!!
Userlevel 7
+27
> @EllenW said:
> @TomG , thank you for the code. I'm still at an early level of qualtrics and can't figure out how to implement your solution for disappearing default text/placeholder text ("attribute" and "input" haven't turned up any useful resources in the community) . Are you able to point to any more resources showing the step-by-step process? Thank you!
>
> !
>
Your image doesn't have a JS icon on the left, which means you haven't added the JavaScript. Click on the cog, select Add JavaScript, and paste the JS from the accepted answer above into the addOnload function.
> @TomG , thank you for the code. I'm still at an early level of qualtrics and can't figure out how to implement your solution for disappearing default text/placeholder text ("attribute" and "input" haven't turned up any useful resources in the community) . Are you able to point to any more resources showing the step-by-step process? Thank you!
>
> !
>
Your image doesn't have a JS icon on the left, which means you haven't added the JavaScript. Click on the cog, select Add JavaScript, and paste the JS from the accepted answer above into the addOnload function.
+2
@TomG , thank you for the code. I'm still at an early level of qualtrics and can't figure out how to implement your solution for disappearing default text/placeholder text ("attribute" and "input" haven't turned up any useful resources in the community) . Are you able to point to any more resources showing the step-by-step process? Thank you!
!
!
Userlevel 7
+27
@red - You shouldn't need a loop...that's the beauty of jQuery. This should work:
```
<script>
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("textarea").attr("placeholder","Enter your comments here.");
});
</script>
```
```
<script>
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("textarea").attr("placeholder","Enter your comments here.");
});
</script>
```
I had the same question. By adapting the info TomG sent, I was able to change all of my textarea default text with a jQuery loop in the theme footer like this. If each of your textareas need a different message, then (of course) this won't work.
<script>
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("textarea").each(function() {
jQuery(this).attr("placeholder","Enter your comments here.");
});
});
</script>
<script>
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("textarea").each(function() {
jQuery(this).attr("placeholder","Enter your comments here.");
});
});
</script>
+1
Thanks Tom, i will try to find out the specific placeholder for each field.
Userlevel 7
+27
> @khalid said:
>
> Can this also work in the Form text type? because when i used it it shows me First name in all the fields.
That line of JS adds the placeholder to all the elements in the question with a class of InputText. For a text form, you'd need to modify it to add specific placeholders to specific fields.
>
> Can this also work in the Form text type? because when i used it it shows me First name in all the fields.
That line of JS adds the placeholder to all the elements in the question with a class of InputText. For a text form, you'd need to modify it to add specific placeholders to specific fields.
+1
> @TomG said:
> Use JavaScript to add a placeholder attribute to the input element.
> ```
> jQuery("#"+this.questionId+" .InputText").attr("placeholder", "My placeholder text");
> ```
>
Can this also work in the Form text type? because when i used it it shows me First name in all the fields.
> Use JavaScript to add a placeholder attribute to the input element.
> ```
> jQuery("#"+this.questionId+" .InputText").attr("placeholder", "My placeholder text");
> ```
>
Can this also work in the Form text type? because when i used it it shows me First name in all the fields.
thanks again! @TomG
Userlevel 7
+27
Use JavaScript to add a placeholder attribute to the input element.
```
jQuery("#"+this.questionId+" .InputText").attr("placeholder", "My placeholder text");
```
```
jQuery("#"+this.questionId+" .InputText").attr("placeholder", "My placeholder text");
```
Page 2 / 2
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.