question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot render text to input placeholder?

See original GitHub issue

<input type="text" name="name" class="form-control" required="" placeholder="{{ $t("expense.formNamePlaceholder") }}">

becomes:

“) }}”>

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

70reactions
forddycecommented, Oct 31, 2016

[SOLVED] @kazupon @zeusLeeJh by Vue JS 2 you should do this: https://jsfiddle.net/2av8r31w/3/ I think this (v-bind) needs to be in Vue I18n documentation though.

0reactions
pdfco1999commented, Sep 20, 2022

Just use :placeholder="$t('expense.formNamePlaceholder')". Hope to work.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Use CSS to render input form placeholder attribute from label ...
2 Answers 2 ... CSS cannot modify HTML, so this is not possible. Generated content, as the name implies, refers to content, not...
Read more >
Don't Use The Placeholder Attribute - Smashing Magazine
For someone who has never encountered it before, placeholder text may look like entered content, causing them to skip over the input.
Read more >
:placeholder-shown - CSS: Cascading Style Sheets | MDN
The :placeholder-shown CSS pseudo-class represents any or element that is currently displaying placeholder text.
Read more >
placeholder-shown - CSS-Tricks
The :placeholder-shown pseudo-class selects the input element itself when placeholder text exists in a form input. Think of it as a nice way ......
Read more >
CSS ::placeholder Selector - W3Schools
The placeholder text is set with the placeholder attribute, which specifies a hint that describes the expected value of an input field. Tip:...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found