CSS: Append Text into inputtext's value

Question

Hi I have a minor problem.

The user want to append some silly text into a inputtext if certain condition is met.

Example

Normal Condition : the inputtext value="#{model.user}"

Abnormal condition: the inputtext should show only "#{model.user} SILLY IDIOT" During abnormal condition the inputtext is ready only

Currently I render 2 different input text for different display, I am wondering if I could use CSS to append the "SILLY IDIOT" in the value.

I have tried value ="#{model.user} SILLY IDIOT" that will promote an error when JSF set the backing bean with the value. I need to set ReadOnly=true, hence the 2 inputtext.

I don't wish to change the code as it will increase complexity, so I prefer a simple css solution.

Answer 1

这不是CSS解决方案，但是您可以使用问号运算符：

value="#{model.user} #{model.user.silly ? 'SILLY IDIOT' : ''}"