checkbox

Jeigu pirma input, o paskui text, tai jis bus desineje input

<div>
  <label>
    <input  name="waiver" type="checkbox" /> 
    Waiver Signed
  </label>
</div>

Submitinus ateis waiver: "on", jeigu nebus selectintas, visai enateis, t.y. off string nebus

select

Eiliškums option svarbus, pirmas bus default reiškmė

<div>
  <label htmlFor="accountTypeSelection">Account Type:</label> <select id="accountTypeSelection" name="accountType">
  <option value="">--Please select an option--</option>
  <option value="admin">Admin</option>
  <option value="teacher">Teacher</option>
  <option value="parent">Parent</option>
  <option value="student">Student</option>
</select>
</div>

radio

selectinus visibility value bus value - public / private. Nieko neparankus nebus visai.

<fieldset>
  <legend>Visibility</legend>
  <div>
    <label>
      <input name="visibility" type="radio" value="public" />
      Public
    </label>
  </div>
  <div>
    <label>
      <input name="visibility" type="radio" value="private" />
      Private
    </label>
  </div>
</fieldset>

hidden

Naudojamass, kai norima perduoti formos duomenis, kuriu UI nenorime kad butu (user nereikia kad matytu)

<input type="hidden" name="orgId" value="123" />

default value

Jeigu bus value, react neleis pakeisti, default tik init metu

<input type="text" defaultValue="Hello World" />

// these give the same result:
<input type="number" defaultValue="42" />
<input type="number" defaultValue={42} />

<input type="date" defaultValue={new Date().toISOString().slice(0, 10)} />

<select defaultValue="pineapple">
  <option value="apple">Apple</option>
  <option value="banana">Banana</option>
  <option value="pineapple">Pineapple</option>
</select>

<input type="checkbox" default Checked />
// and for the radio, just set default Checked on the one you want
<input type="radio" name="fruit" value="apple" defaultChecked />
<input type="radio" name="fruit" value="banana" />
<input type="radio" name="fruit" value="pineapple" />