• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Placeholder text in input field.

Placeholder text in input field. 10 years 11 months ago #22966

  • bkim
  • bkim's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Hi all, I used <input type="text" placeholder="First"> in the attributes of my text boxes because i wanted the captions to be in the text box, and disappear when on focus.

It seems to work pretty well except for now "class="rsform-input-box"/>" shows up visibly after each text box. And that doesn't show up on the HTML so i can't get rid of it manually.

Does anyone know a better code to do what I want to do? Is there a way to get rid of "class="rsform-input-box"/>"? Does doing what I did change the way the form works and will it not work?

Please help! Thank you in advance..
The administrator has disabled public write access.

Placeholder text in input field. 10 years 11 months ago #23202

Any solution to this problem?

It seems we want the same thing to happen:

1) Captions in the field as default value
2) User selects the field to enter input
3) Default value disappears
The administrator has disabled public write access.

Placeholder text in input field. 10 years 11 months ago #23222

  • adrianp
  • adrianp's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 631
  • Thank you received: 146
Hello,

The following article provides an example on how this can be done:

www.rsjoomla.com/support/documentation/v...s-default-value.html
This is not official customer support. To receive your support, submit a support ticket here.
The administrator has disabled public write access.

Placeholder text in input field. 10 years 2 months ago #26540

  • xtianus
  • xtianus's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 13
What about changing the color for this? this doesn't work in the css editor

*::-webkit-input-placeholder {
color: red;
}
*:-moz-placeholder {
/* FF 4-18 */
color: red;
}
*::-moz-placeholder {
/* FF 19+ */
color: red;
}
*:-ms-input-placeholder {
/* IE 10+ */
color: red;
}
The administrator has disabled public write access.

Placeholder text in input field. 10 years 3 weeks ago #27048

  • support
  • support's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Yes, we want to use native placeholder. How can we do this?

getimo
The administrator has disabled public write access.

Placeholder text in input field. 8 years 18 hours ago #34908

  • jb5
  • jb5's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
This worked for me.
jQuery('input[type="text"]').each(function () {
      var src = jQuery(this).attr('value');
      var a = jQuery(this).attr('placeholder', src).removeAttr("value");
  });
The administrator has disabled public write access.

Placeholder text in input field. 5 years 11 months ago #38177

  • xingu
  • xingu's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 32
  • Thank you received: 1
This is working for me.

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: black!important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: black!important;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: black!important;
}
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!