html單選按鈕默認(rèn)選中如何做

本文小編為大家詳細(xì)介紹“html單選按鈕默認(rèn)選中如何做”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“html單選按鈕默認(rèn)選中如何做”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

　　首先我們介紹的是在html input標(biāo)簽中的單選按鈕的做法：

　　<input>標(biāo)簽用于搜集用戶信息。根據(jù)不同的type屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。

　　話不多說，上代碼實(shí)例：

　　> <form action="form_action.asp" method="get">

　　>

　　> <input type="radio" name="radio" value="1">單選1

　　>

　　> <input type="radio" name="radio" value="2">單選2

　　>

　　> <input type="radio" name="radio" value="3">單選3

　　>

　　> <input type="radio" name="radio" value="4">單選4

　　>

　　> </form>

　　這個(gè)的效果很容易看到，我們還是先看看瀏覽器中的顯示效果吧：

　　這個(gè)效果一眼就能看到，很簡單的一個(gè)代碼

　　還有種是很多網(wǎng)站上都是經(jīng)常見到的，比如：單選性別，這個(gè)基本上都是用這種單選框去制作的。代碼如下：

　　HTML中的單選按鈕實(shí)現(xiàn)男女性別選擇，不讓男女同是都能都能選擇，實(shí)現(xiàn)方法：在按鈕的屬性里寫一個(gè)name屬性，并且把name的值設(shè)置成相同的

　　> <input id="man" type="radio" checked="checked" name="1" />男

　　>

　　> <input id="woman" type="radio" name="1"/>女

　　這個(gè)就不給圖了，比上面那個(gè)還簡單，就兩個(gè)單選框，我們經(jīng)常遇到的這個(gè)。

　　現(xiàn)在來說說HTML單選框按鈕怎么默認(rèn)選中：

　　首先我們先把第一個(gè)實(shí)例拿出來繼續(xù)說，我們只需要在其中加一個(gè)屬性，如下：

　　> <form action="form_action.asp" method="get">

　　>

　　> <input type="radio" name="radio" value="1">單選1

　　>

　　> <input type="radio" name="radio" value="2" checked>單選2

　　>

　　> <input type="radio" name="radio" value="3">單選3

　　>

　　> <input type="radio" name="radio" value="4">單選4

　　>

　　> </form>

讀到這里，這篇“html單選按鈕默認(rèn)選中如何做”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。