'Ya atau tidak?'

Sara Soueidan menggali keadaan HTML/UX ini. "Ya" atau "tidak" adalah situasi Boolean. Kotak semak mewakili ini: ia sama ada dihidupkan atau dimatikan (uh, kebanyakannya). Tetapi adakah kotak semak selalu UX terbaik? Sudah tentu, tentu saja:

Gunakan butang radio jika anda mengharapkan jawapannya sama -sama diedarkan. Sekiranya saya mengharapkan jawapannya berat sebelah dengan satu jawapan saya lebih suka kotak semak. Dengan cara itu pengguna sama ada membuat pernyataan yang jelas atau hanya mengakui jawapan yang diharapkan.

Jika anda mahukan jawapan yang konkrit, sengaja, jelas dan tidak mahu pemilihan lalai, gunakan butang radio. Kotak semak mempunyai keadaan lalai tersirat. Dan pengguna mungkin berat sebelah pada pilihan lalai. Sohaving keperluan untuk "tidak" yang jelas adalah faktor penentu.

Oleh itu, anda mempunyai pendekatan kotak semak:

 <label>
  <input type="checkbox">
  Ya?
</label>

Yang bagus dan padat tetapi anda tidak boleh membuatnya "diperlukan" (mudah) kerana ia sentiasa dalam keadaan yang sah.

Jadi jika anda perlu memaksa pilihan, butang radio (tanpa lalai) lebih mudah:

 <label>
  <input type="radio" name="choice-radio">
  Ya
</label>
<label>
  <input type="radio" name="choice-radio">
  Tidak
</label>

Maksud saya, kita juga boleh mempertimbangkan satu lagi input pelbagai, yang boleh berfungsi sebagai togol jika anda memaksanya keluar pada 1:

 <label untuk="pilihan"> ya atau tidak? </label>
<span aria-hidden="true"> no </span>
<input type="julat" max="1" name="choice">
<span aria-hidden="true"> ya </span>

Lolz.

Dan saya rasa boleh memaksa pilihan pengguna juga, bukan?

 <label>
  Ya atau tidak?
  <tection>
    <opsyen nilai=""> --- 
    <opsyen nilai=""> ya 
    <opsyen nilai=""> no 
  
</opsyen></opsyen></opsyen></tection></label>

Saya pelik tidak membenci itu hanya kerana pemilihan sangat padat dan bergaya.

Sekiranya anda benar -benar mahu berhenti dan membuat seseorang berfikir, menjadikannya menaipnya, bukan?

 <label>
  Taip "ya" atau "tidak"
  <input type="text" corak="[yy] es | [nn] o">
</label>

Ha.

Atas ialah kandungan terperinci 'Ya atau tidak?'. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!