需要給所有單選組設(shè)置同一個name，這樣一組內(nèi)的radio只能選一個，如
站在用戶的角度思考問題，與客戶深入溝通，找到南充網(wǎng)站設(shè)計與南充網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站設(shè)計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬主機、企業(yè)郵箱。業(yè)務(wù)覆蓋南充地區(qū)。
input?type="radio"?name="radio"/
input?type="radio"?name="radio"/
input?type="radio"?name="radio"/
1、首先打開編輯器，然后新建一個html文件，編寫入基本的框架。
2、然后用form，input和label創(chuàng)建一個單項選擇題。
3、創(chuàng)建一個新的css文件，并且用link標(biāo)簽關(guān)聯(lián)HTML文件。
4、然后撤銷一下原來按鈕的樣式。
nput[type="radio"] {
display: none;
}
5、nput[type='radio'] + label:before{
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid gold;
}
首先設(shè)置未點擊的單選框樣式，用border來設(shè)置顏色。
6、nput[type='radio']:checked + label:before{
background-color: red;
}
接著設(shè)置點擊后的背景顏色，這里用background-color。
7、最后運行一下，完成效果圖。
兩個單選框在一起的時候。你選擇一個。另外一個就不會選中。只能選一個。復(fù)選框就是可以任意選
1、form表單：網(wǎng)址與用戶交互，把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端，這樣服務(wù)器端程序就可以處理表單傳過來的數(shù)據(jù)。
語法： form method="傳送方式" action="服務(wù)器文件"
? ? ? form ： 標(biāo)簽是成對出現(xiàn)的，以開始，以/form結(jié)束。
? ? ? action ? ： 瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個PHP頁面(save.php)。
? ? ? method ? ： ?數(shù)據(jù)傳送的方式（get/post）。
2、文本輸入框、密碼輸入框
語法：
form
input type="text/password" name="名稱" value="文本" /
/form
type：
當(dāng)type=" text "時，輸入框為 文本 輸入框 ;
當(dāng)type=" password "時,?輸入框為 密碼輸入框。
name： 為文本框命名，以備后臺程序ASP 、PHP使用。
value： 為文本輸入框設(shè)置默認(rèn)值。(一般起到提示作用)
3、占位符placeholder,屬性，有時候需要提示用戶輸入框需要輸入框的內(nèi)容
4、input標(biāo)簽中的數(shù)字框number類型
? ?input type="number"/? ：輸入框中只能輸入數(shù)字，輸入其他字符無效，輸入框右側(cè)會有加減符號，可以調(diào)整輸入數(shù)字的大小，瀏覽器不同表現(xiàn)不一致。
5、input標(biāo)簽中的網(wǎng)址框url類型
input type="url"/： 數(shù)字框的值需以http://或者h(yuǎn)ttps://開頭,且后面必須有內(nèi)容,否則表單提交的時候會報錯誤提示
6、input標(biāo)簽中的郵箱框的email類型
input type="email" / ： 表示該輸入框的類型為郵箱；數(shù)字框的值必須包含@；數(shù)字框的值@之后必須有內(nèi)容,否則會報錯誤提示。
7、textarea標(biāo)簽創(chuàng)建文本域
? 語法：? textarea rows=" 行數(shù)" cols=" 列數(shù)" 文本/textarea
8、label為input標(biāo)簽穿上衣服：如果你在 label 標(biāo)簽內(nèi)點擊文本，就會觸發(fā)此控件。就是說，當(dāng)用戶單擊選中該label標(biāo)簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上（就自動選中和該label標(biāo)簽相關(guān)連的表單控件上）
? ? 語法：label for="控件id名稱" （標(biāo)簽的?for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的?id 屬性值一定要相同。）
9、單選框、復(fù)選框
input type="radio/checkbox" value="值" name="名稱" checked="checked"/
type:? ? 當(dāng)? type="radio"? 時，控件為 單選框
當(dāng)? type="checkbox" ?時，控件為 復(fù)選框
value： 提交數(shù)據(jù)到服務(wù)器的值（后臺程序PHP使用）
name： 為控件命名，以備后臺程序 ASP、PHP 使用
checked： 當(dāng)設(shè)置 checked="checked" 時，該選項被默認(rèn)選中
? ? 注意： 同一組 的單選按鈕，name 取值一定要一致，比如上面例子為同一個名稱“radioLove”，這樣同一組的單選按鈕才可以起到單選的作用。
10、使用select option創(chuàng)建下拉菜單 （select標(biāo)簽里面只能放option標(biāo)簽，表示下拉列表的選項）
???設(shè)置selected="selected"屬性，則該選項就被默認(rèn)選中。
11、提交/重置 按鈕
? 語法：input?type="submit"value="提交"
? ??????????input? type="reset" ?value="重置"
重慶分公司
重慶分公司
