html單選按鈕默認選中如何做

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

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

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

　　話不多說，上代碼實例：

　　> <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>

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

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

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

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

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

　　>

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

　　這個就不給圖了，比上面那個還簡單，就兩個單選框，我們經常遇到的這個。

　　現在來說說HTML單選框按鈕怎么默認選中：

　　首先我們先把第一個實例拿出來繼續說，我們只需要在其中加一個屬性，如下：

　　> <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單選按鈕默認選中如何做”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。