在文本框上有几种状态的样式，比如焦点状态，正在加载，还有表示错误的状态 .. 我们可以配合一些 JavaScript 动态的去改变文本框的状态样式 ..

在一个处在焦点状态的文本框上 .. 可以加上一个 focus ..

div.ui.input.focus
input[placeholder=搜索...]

这个状态的样式跟选中文本框是一样的 ..

在正在加载的文本框上，可以添加一个 loading .. 这里我们先添加一个带图标的文本框 .. 一个搜索用的文本框 ..

div.ui.icon.input
input[placeholder=搜索...]
i.search.icon

保存 .. 然后在这个文本框的容器上添加一个 loading .. 你会看到，刚才的搜索图标会变成一个带动画的正在加载的小图标..

提醒用户在文本框里输入的东西可能有问题 .. 我们可以在这样的文本框上添加一个 error .. 这样会在文本框上应用一个错误状态的样式 ..

你会看到这样的文本框会有一个浅红色的边框，还有背景 ..