Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

[solved] Add placeholder text into search box


Go to End
Reply

15 Posts   3999 Views

Avatar
onion

1 March 2012 at 5:53am Community Member, 10 Posts

Hi, I've created a search box using the tutorial and it works fine. I want to add some placeholder text though that says something like "enter your text here to search". Usually you add this as a placeholder="" attribute to the input element (it's a new HTML5 attribute for input fields).
How and where would I add this addribute to the input element?

Thanks!

Avatar
novaweb

2 March 2012 at 2:34pm Community Member, 115 Posts

Hi Onion,

In your form function, do the following:

$mySearchField = new TextField("Search") // You'll need to define it as a variable, as I have done... not just begin the line with "new TextField"


Then under your $actions FieldSet, write:

$mySearchField->setValue("My Placeholder Text");

Good Luck,

Josh

Avatar
novaweb

2 March 2012 at 2:37pm Community Member, 115 Posts

Or you could just do it the easy way:

new TextField("Search", "Search", $value="Some text here"),

Forgive me it's Friday!

Avatar
onion

2 March 2012 at 10:44pm Community Member, 10 Posts

Thanks for replying Novaweb, but I don't actually want to set the value attribute, I want to set the placeholder attribute.

http://www.w3schools.com/html5/att_input_placeholder.asp

Avatar
novaweb

5 March 2012 at 9:13am Community Member, 115 Posts

Sorry Onion, not sure about SilverStripe HTML5 form compatibility in 2.4.X

See here: [url]http://www.silverstripe.org/general-questions/show/15181[/url]

Avatar
onion

5 March 2012 at 10:23pm Community Member, 10 Posts

Ah bugger, that's a shame. Nevermind, I'll add it with jQuery instead. Thanks!

Avatar
Corry

16 March 2012 at 12:14am Community Member, 17 Posts

It's possible. I've just enabled this for search on my site (using SS 2.4.4)

See http://www.silverstripe.org/all-other-modules/show/18347

Avatar
mdowton

12 September 2013 at 1:47pm Community Member, 2 Posts

Its possible to set a placeholder text in 3.0 not sure for earlier versions of Silverstripe using
$field->setAttribute('placeholder', 'value');

Go to Top