Dreamweaver插入單選按鈕的五個(gè)技巧

時(shí)間：2025-12-27 23:40:37 網(wǎng)頁(yè)設(shè)計(jì)

　　一、插入單個(gè)單選按鈕

　　1. 點(diǎn)擊鼠標(biāo)，將光標(biāo)定位在表單框線內(nèi)，點(diǎn)擊“插入”菜單，選擇“表單”項(xiàng)，在彈出的子菜單中選擇“單選按鈕”命令。

　　或者在“插入”面板中選擇“表單”項(xiàng)，點(diǎn)擊“單選按鈕”圖標(biāo)

　　點(diǎn)擊“窗口”菜單，選擇“插入”項(xiàng)，可以打開(kāi)“插入”面板。

　　2. 點(diǎn)擊“單選按鈕”圖標(biāo)后，彈出“輸入標(biāo)簽輔助功能屬性”對(duì)話框，在對(duì)話框中設(shè)置后，單擊“確定”按鈕，單選按鈕出現(xiàn)在文檔中。

　　3. 在文檔中點(diǎn)擊“單選按鈕”表單控件

　　4. 打開(kāi)單選按鈕“屬性”面板

　　單選按鈕：輸入一個(gè)名稱。name屬性。

　　選定值：輸入一個(gè)選取該單選按鈕時(shí)要發(fā)送給服務(wù)器端的應(yīng)用程序或者處理腳本的值。value屬性。

　　初始狀態(tài)：瀏覽器首次加載時(shí)該選項(xiàng)便處于選定狀態(tài)，則點(diǎn)擊“已勾選”項(xiàng)。checked屬性。

　　二、提示

　　如果需要添加其他的單選按鈕到組中，可以點(diǎn)擊原來(lái)的單選按鈕，然后按住Ctrl鍵點(diǎn)擊鼠標(biāo)左鍵并拖動(dòng)到新位置，松開(kāi)鼠標(biāo)，即可添加一個(gè)新的單選按鈕，最后為新的單選按鈕修改“選定值”文本框中的值。

　　另外，將光標(biāo)定位到表單的紅色虛線圍成的框內(nèi)，按回車(chē)(Enter)鍵，也可以添加多個(gè)單選按鈕。

　　三、插入單選按鈕組

　　當(dāng)在一組選擇信息中只能選擇一個(gè)選項(xiàng)時(shí)，請(qǐng)使用“單選按鈕組”。一組中的所有單選按鈕都必須有同樣的名稱，但域值不同。

　　1. 點(diǎn)擊鼠標(biāo)，將光標(biāo)定位在表單框線內(nèi)，點(diǎn)擊“插入”菜單，選擇“表單”項(xiàng)，在彈出的子菜單中選擇“單選按鈕組”命令。

　　或者在“插入”面板中選擇“表單”項(xiàng)，點(diǎn)擊“單選按鈕組”圖標(biāo)

　　點(diǎn)擊“窗口”菜單，選擇“插入”項(xiàng)，可以打開(kāi)“插入”面板。

　　2. 出現(xiàn)“單選按鈕組”對(duì)話框

　　名稱：輸入一個(gè)名稱。name屬性。

　　單選按鈕：“+”表示增加一個(gè)單選按鈕，“-”表示刪除一個(gè)單選按鈕。

　　單擊向上、向下按鈕對(duì)單選按鈕排序。

　　標(biāo)簽：?jiǎn)螕魳?biāo)簽下面的“單選”，可以輸入一個(gè)新名稱。(Form Control Label：表單控件標(biāo)簽)標(biāo)簽。

　　值：?jiǎn)螕糁迪旅娴摹皢芜x”，可以輸入一個(gè)新值。value屬性。

　　布局，使用：選擇以哪一種方式對(duì)單選按鈕布局。

　　3. 設(shè)置完成后，單擊“確定”按鈕，退出“單選按鈕組”對(duì)話框，在文檔中就會(huì)插入一組單選按鈕。

　　4. 點(diǎn)擊“單選按鈕組”中的任一個(gè)單選按鈕，會(huì)出現(xiàn)屬性面板，請(qǐng)按照“一、3.4.”的步驟操作。

　　5. 也可以利用屬性面板上的相關(guān)工具優(yōu)化單選按鈕的布局。

　　四、提示

　　將光標(biāo)定位到表單的紅色虛線圍成的框內(nèi)，按回車(chē)(Enter)鍵，可以添加多個(gè)單選按鈕組。

　　五、總結(jié)

　　“單選按鈕”是以組的方式工作的，并且提供的是互相排斥的選擇，所以一組單選按鈕中只能選取一個(gè)選項(xiàng)。

【Dreamweaver插入單選按鈕的五個(gè)技巧】相關(guān)文章：