val-do.com დიზაინ სისტემა

form-control

Inputs and textarea

`file` და `checkbox` ტიპები ამ CSS-ში შეგნებულად არ არის style-ით დაფარული.

`.field-hint` კლასი გამოიყენება label-ისა და input-ის შორის მოკლე განმარტებითი ტექსტისთვის.

<div>
  <label for="example-input">ტექსტური ველი</label>
  <p class="field-hint">მაგალითი დამხმარე ტექსტისთვის label-ის ქვემოთ, input-ის ზემოთ.</p>
  <input id="example-input" type="text" placeholder="მაგ: Node.js Developer">
</div>

<div>
  <label for="example-email">ელ.ფოსტა</label>
  <input id="example-email" type="email" placeholder="მაგ: user@val-do.com">
</div>

<div>
  <label for="example-select">Single select</label>
  <select id="example-select">
    <option value="">აირჩიე</option>
    <option value="js">JavaScript</option>
    <option value="node">Node.js</option>
    <option value="mongo">MongoDB</option>
  </select>
</div>

<div>
  <label for="example-disabled">Disabled input</label>
  <input id="example-disabled" type="text" value="Disabled state" disabled>
</div>

<div>
  <label for="example-textarea">აღწერა</label>
  <textarea id="example-textarea" rows="4" placeholder="შეიყვანე ტექსტი"></textarea>
</div>