Question

Just a quick question..

I am trying to generate an text input where the default value is nested in tag with an inline css..just to make it look smaller and grayer than the normal input.

echo $this->Form->input( 'address', array('div'=>false, 'label'=>'', 'default'=>'<span style="font-size: 0.6em;color:#e3e3e3;">put your address here</span>', 'size'=>'50' ) );

after the user would click, the default value would be erased leaving it blank.

However cakephp generates the input with the value containing the html tags, i.e. .
How do I make cakephp unfilter the html in the default value?

I forgot what option to use in this situation and I tried everything that I can think of. I remember that I can do this by just adding some sort of value in the option array like 'html'=>false.

Answer 1

I am not aware of any way to get an input box to render html inside itself. There is also nothing in the API to suggest what you want. It is possible to embed it within a div, and to include things before, after, and between the label and input. I think you need to use javascript to accomplish what you want to do.

<style>
.default {font-size: 0.6em;color:#e3e3e3;}
.normal {color:black;}
</style>
<script language='javascript'>
function change(input)
{
    input.classList.add("normal");
    if (input.value == "enter text here")
        input.value = "";
}
</script>
<form>
<input id='test' class='default' type='text' value='enter text here' onfocus='change(this);'>
</form>