CSS中的,也稱為單選按鈕, 非常常見。那么這個名字又是怎么來的呢?
.radio { display: inline-block; width: 20px; height: 20px; background-color: #eee; border-radius: 50%; border: 1px solid #ccc; margin: 10px; }
其實給這種單選按鈕命名為radio并不算是官方定義,而是大家自發地沿用下來的一個約定俗成的叫法。這個名字的來源其實和收音機有關,因為早期的無線電收音機只有一個調頻的選擇,所以只有On/Off兩個按鈕,這兩個按鈕的樣式也和現在的單選按鈕非常像,只不過沒有圓圈。后來,收音機被小型化,按鈕也跟著小了,樣式變成了現在的這種單選按鈕的形式,而由于這個設計的靈感來源于收音機上的按鈕,所以它被命名為radio。
除了radio之外,還有其他的一些單選按鈕,比如checkbox(復選框)、switch(開關)等等,它們的名字也來自它們本身的展示形式和設計靈感,為了便于開發者進行辨別和使用,我們都遵循這些命名規則。
總之,CSS中radio這個名字的來源十分有趣,并且也方便我們理解這種樣式的作用,使用這個名字既方便又易懂。