ボタンを非表示にする方法と、ユーザーがクリックしたときに別のボタンが表示される方法

Question

私はSpring MVC + Thymelafで非常に新しいです。

私のSpring MVC + Thymeleafアプリケーションには、2つのボタンがあります。ユーザーが別のユーザーをクリックしたときにそのうちの1つを表示させ、以前にユーザーがクリックしたものを非表示にしたいとします。以下のサンプルコードを見ることができます。

<input type="button" value="First Button" /> 
    <input type="button" value="Second Button   th:disabled="${model.disabled}"/> 

Answer 1

th:classappendとすることができます。

例コード：

<style> 
     .hide{ 
      display : none; 
     } 
     .show{ 
      display : inline; 
     } 
    </style> 
    <input type="button" value="First Button" /> 
     <input type="button" value="Second Button  
    th:classappend="${model.disabled}? 'hide' : 'show'" />