搜尋
首頁web前端css教學'是還是不是?”

\ \

Sara Soueidan挖掘了這種HTML/UX情況。 “是”或“否”是布爾的情況。複選框表示:它是打開或關閉(主要是)。但是,複選框總是最好的UX嗎?當然,這取決於:

如果您希望答案平均分佈,請使用無線電按鈕。如果我期望答案很大,我更喜歡複選框。這樣,用戶要么做出明確的語句,要么只是確認預期的答案。

如果您想要一個具體,故意的,明確的答案並且不想選擇默認的選擇,請使用無線電按鈕。複選框具有隱式默認狀態。並且用戶可能會偏向默認選項。確定性因素是明確的“否”的要求。

因此,您已經有了複選框方法:

 <label>
  
  是的?
</label>

它很好,緊湊,但是您不能“必需”(很容易),因為它始終處於有效狀態。

因此,如果您需要強制選擇,則無線電按鈕(沒有默認值)很容易:

 <label>
  <input type="“無線電”名稱=“" peaco-radio>
  是的
</label>
<label>
  <input type="“無線電”名稱=“" peaco-radio>
  不
</label>

我的意思是,我們也可以考慮另一個範圍輸入,如果您以1的最大最大化,它可以用作切換。

 是或否? 
<span aria-hidded="“" true> no </span>

<span aria-hidded="“" true>是</span>

哈哈。

我想一個

 <label>
  是還是不是?
  <select>
    <option value="“”"> --- </option>
    <option value="“”">是</option>
    <option value="“”">否</option>
  </select>
</label>

我很奇怪的是,不討厭那是因為選擇是如此緊湊且可觀。

但是,如果您真的想停下來讓某人思考,那就讓他們打字,對嗎?

 <label>
  鍵入“是”或“否”
  <input type="“" text es o>
</label>

哈。

以上是'是還是不是?”的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
CSS計數器:自動編號的綜合指南CSS計數器:自動編號的綜合指南May 07, 2025 pm 03:45 PM

CSSCOUNTERSAREDOMANAGEAUTOMANAMBERINGINWEBDESIGNS.1)他們可以使用forterablesofcontents,ListItems,and customnumbering.2)AdvancedsincludenestednumberingSystems.3)挑戰挑戰InclassINCludeBrowsEccerCerceribaliblesibility andperformiballibility andperformissises.4)創造性

使用捲軸驅動動畫的現代滾動陰影使用捲軸驅動動畫的現代滾動陰影May 07, 2025 am 10:34 AM

使用滾動陰影,尤其是對於移動設備,是克里斯以前涵蓋的一個微妙的UX。傑夫(Geoff)涵蓋了一種使用動畫限制屬性的新方法。這是另一種方式。

重新訪問圖像圖重新訪問圖像圖May 07, 2025 am 09:40 AM

讓我們快速進修。圖像地圖一直返回到HTML 3.2,首先是服務器端地圖,然後使用映射和區域元素通過圖像上的單擊區域定義了可單擊區域。

DEV狀態:每個開發人員的調查DEV狀態:每個開發人員的調查May 07, 2025 am 09:30 AM

開發委員會調查現已開始參與,並且與以前的調查不同,它涵蓋了除法:職業,工作場所,以及健康,愛好等。 

什麼是CSS網格?什麼是CSS網格?Apr 30, 2025 pm 03:21 PM

CSS網格是創建複雜,響應式Web佈局的強大工具。它簡化了設計,提高可訪問性並提供了比舊方法更多的控制權。

什麼是CSS Flexbox?什麼是CSS Flexbox?Apr 30, 2025 pm 03:20 PM

文章討論了CSS FlexBox,這是一種佈局方法,用於有效地對齊和分佈響應設計中的空間。它說明了FlexBox用法,將其與CSS網格進行了比較,並詳細瀏覽了瀏覽器支持。

我們如何使用CSS使網站迅速響應?我們如何使用CSS使網站迅速響應?Apr 30, 2025 pm 03:19 PM

本文討論了使用CSS創建響應網站的技術,包括視口元標籤,靈活的網格,流體媒體,媒體查詢和相對單元。它還涵蓋了使用CSS網格和Flexbox一起使用,並推薦CSS框架

CSS盒裝屬性有什麼作用?CSS盒裝屬性有什麼作用?Apr 30, 2025 pm 03:18 PM

本文討論了CSS盒裝屬性,該屬性控制了元素維度的計算方式。它解釋了諸如Content-Box,Border-Box和Padding-Box之類的值,以及它們對佈局設計和形式對齊的影響。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。