기본
<div class="ga-form">
<div class="field">
<!-- form contents(label, input ...) -->
</div>
</div>Form
Grouped input structure with labels, validation, and layout.
기본
Header
Form
<div class="ga-form">
<div class="header">
<div class="title">제목</div>
</div>
<div class="field">
<!-- form contents(label, input ...) -->
</div>
</div>Inline
<div class="ga-form">
<div class="field inline">
<!-- form contents(label, input ...) -->
</div>
</div>Label
<div class="ga-form">
<div class="field">
<label>label</label>
<input type="text" />
</div>
</div><div class="ga-form">
<div class="fields">
<div class="field column span-3">
<label>label</label>
</div>
<div class="field column span-9">
<input type="text">
</div>
</div>
</div>Field
<div class="ga-form">
<div class="field">
<label>label</label>
<input type="text" />
</div>
</div>Fields
<div class="ga-form">
<div class="fields">
<div class="field">
<input type="text">
</div>
<div class="field">
<input type="text">
</div>
<div class="field">
<input type="text">
</div>
</div>
</div>Field
<div class="ga-form">
<div class="field disabled">
<label>label</label>
<input type="text" />
</div>
</div>Fields 균등 분할 구성
<div class="ga-form">
<div class="fields divide-{ 2|4|6|8|10 }">
<div class="field column">
<input type="text">
</div>
<div class="field column">
<input type="text">
</div>
... ...
<div class="field column">
<input type="text">
</div>
</div>
</div>Fields 지정 분할 구성
<div class="ga-form">
<div class="fields">
<div class="field column span-{num}">
<input type="text">
</div>
<div class="field column span-{num}">
<input type="text">
</div>
... ...
<div class="field column span-{num}">
<input type="text">
</div>
</div>
</div>Text Area
<!-- Normal -->
<div class="ga-form">
<div class="field">
<label>label</label>
<textarea />
</div>
</div>
<!-- Short -->
<div class="ga-form">
<div class="field short">
<label>label</label>
<textarea />
</div>
</div>Check Box
<div class="ga-form">
<!-- something form element field -->
<div class="field">
<div class="ga-checkbox">
<input type="checkbox" />
<label>label</label>
</div>
</div>
</div>Radio Button
<div class="ga-form">
<!-- something form element field -->
<div class="field">
<div class="ga-checkbox radio">
<input type="radio" name="radios" />
<label>label</label>
</div>
</div>
</div>Select Box
<div class="ga-form">
<!-- something form element field -->
<div class="field">
<div class="ga-select-box">
<select />
</div>
</div>
</div>