之前有讲到非 input-like 的表单情境也需要处理，这时候就是 FormControl 出场的时候了，但其实也不代表 Input-like 的元件不能用 FormControl 噢，详细的就看今天 Demo 吧！

想先看 Code 或是 Demo 的由此去

Github Repo： ithelp-ui-demo

Live Demo： FormControl

完成品大概会像这样：

以明天会实作到的 Input 来举例：

<FormControl
>
  <FormLabel
    remark="remark"
  >
    label
  </FormLabel>
  <Input placeholder="please enter text" />
  <FormMessage>
    message
  </FormMessage>
</FormControl>

目前是只有把 HTML 结构跟 JS、React 的逻辑实作出来

而一个表单元件所需要的属性如下：

那这些 Props 会各自被丢到对应的元件上（如上图 Input 那样组），以下就来一一介绍这些元件的实作！

FormControl

FormLabel

FormMessage

实作这边由於做出来就已经筋疲力尽了，解说一样式希望之後系列完成後能再回来补上，这边就先请读者见谅了。

但如果有疑问的话可以留言给我，我会尽快解答的！