整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
一篇文章我們說了單行文本框和多行文本框，今天呢我們繼續看一下表單的其它控件：單選框、復選框、下拉框。
在我們表單頁面中，經常會有選擇性別或者選擇愛好這類的內容，使用選擇框是一個好主意，html中有兩種選擇框，即單選框和復選框，兩者的區別是單選框中的選項用戶只能選擇一項，而復選框中用戶可以任意選擇多項，甚至全選。
使用語法：
單選框：<input type="radio" value="值" name="名稱" checked="checked"/>
復選框：<input type="checkbox" value="值" name="名稱" checked="checked"/>
詳細講解：
1、type: 當 type="radio" 時，控件為單選框；當 type="checkbox" 時，控件為復選框
2、value：提交數據到服務器的值（后臺程序使用）
3、name：為控件命名，這里要注意同一組的單選按鈕，name 取值一定要一致（具體可見下邊的參考練習）。
4、checked：當設置 checked="checked"（也可以直接簡寫成checked） 時，該選項被默認選中
使用練習：
我們創建一個表單，表單里邊包含姓別（男、女）選擇的單選框，默認選中男以及愛好（唱歌、打游戲、繪畫、旅游）選擇的多選框，默認選中唱歌。具體的代碼如下圖所示：
在網頁中的顯示效果就如下圖所示：
下拉框也是我們常用的一個表單控件，多用于選擇城市地區等。
使用語法：
<select>
<option value="向服務器提交的內容" selected="selected">網頁顯示的內容</option>
</select>
詳細講解：
1、option：option為select下拉子元素，可以有一個或多個，寫法類似ul和li，其中的value內容為提交數據到服務器的值（后臺程序使用）
2、selected：當設置 selected="selected"（也可以直接簡寫成selected） 時，該選項被默認選中
使用練習：
我們創建一個表單，表單里邊包含一個城市的下拉框，下拉框中有北京、上海、天津這三個城市，其中默認選中天津。具體的代碼如下圖所示：
在網頁中的顯示效果就如下圖所示：
好了，本篇文章就先給大家介紹這幾個表單控件的語法以及使用，下篇文章我們將介紹按鈕的語法及使用以及完整的表單練習演示，記得平時要多加練習才是王道。
每日金句：做人要像竹子一樣每前進一步，都要做一次小結。喜歡我的文章的小伙伴記得關注一下哦，每天將為你更新最新知識。
們在上網的時候，經常有一些登錄界面進行輸入賬號和密碼，以及我們在網上填一些信息，這些功能的實現都是通過表單來完成的，今天我們就來講講表單。
表單不是指一個標簽，而是指一類標簽。
我們表單里所有的內容都要寫在<form></form>標簽中 form的action屬性是將表單所填的內容發送到想要發送的后臺，而method屬性有兩個值，分別是get和post。get和post的主要區別是get表單所傳的內容會在地址欄里顯示出來，并且有長度限制，而post表單所傳的內容不會在地址欄顯示出來，并且可以視為沒有長度限制。一般系統默認get。當然get和post的細區別還是有的，在這里我就不贅述了。
其中最重要的是<input>標簽，input標簽也是單標簽。input標簽的type屬性值不同，其產生的作用也不同：如：<input type="text">產生的是文本框，一般都是我們登錄時輸入的賬號那樣的文本框。<input type="password">,產生的是密碼框，一般都是我們登錄時輸入密碼的那個框框。<input type="submit">產生的是提交框，一般是我們登錄的那個按鈕。這些標簽都有value屬性，但只有提交框用最合適用，因為文本框和密碼框雖然也會展示出來，但效果卻差強人意，我們一般都用placeholder屬性替代它。
不知大家有沒有在網上做過選擇題，作者是做過的。網頁中的選擇題也是用的input。
input的type屬性值還有radio，是單選框，有幾個選項就寫幾個input，但要注意每一個input里都要寫相同的name屬性和屬性值，這樣的話瀏覽器才會知道這些是同一道題。
既然有單選題那一定也有多選題了，type的checked屬性是多選框，其和單選的用法一樣，也都要注意name一樣的為一道題，還有一個屬性是checked=“checked”，這個可以設定默認選擇的選項。
我們也一定遇到過選擇文字就能勾選而不用非得去點選框的情況，其實input選擇框只有被點擊的時候才能選中，但有的時候太小不容易點擊甚至有的根本沒有顯示出來，這樣的話用戶體驗就會非常的差，所以我們引進了一個標簽：<label></label>標簽，這個標簽可以實現點擊文字就進行選擇的功能，用法就是將input標簽和文字寫在同一個label標簽中，注意每一個選項寫一起。
我們來看一下代碼和結果：
作者已經盡量去說清楚了，歡迎大家批評指教，希望多多關注[送心]
素的邊框 (border) 是圍繞元素內容和內邊距的一條或多條線。
CSS border 屬性允許你規定元素邊框的樣式、寬度和顏色。
border-style屬性用來定義邊框的樣式。
border-style的值：
（1）編輯代碼
打開記事本，編寫其代碼，并保存為HTML格式文件。代碼如下。
（2)在瀏覽器中瀏覽效果
在瀏覽器中瀏覽效果如圖所示。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
