- 相關(guān)推薦
Dreamweaver插入單選按鈕的五個(gè)技巧
一、插入單個(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ì)話(huà)框,在對(duì)話(huà)框中設(shè)置后,單擊“確定”按鈕,單選按鈕出現(xiàn)在文檔中。
3. 在文檔中點(diǎn)擊“單選按鈕”表單控件
4. 打開(kāi)單選按鈕“屬性”面板
單選按鈕:輸入一個(gè)名稱(chēng)。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)使用“單選按鈕組”。一組中的所有單選按鈕都必須有同樣的名稱(chē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ì)話(huà)框
名稱(chēng):輸入一個(gè)名稱(chēng)。name屬性。
單選按鈕:“+”表示增加一個(gè)單選按鈕,“-”表示刪除一個(gè)單選按鈕。
單擊向上、向下按鈕對(duì)單選按鈕排序。
標(biāo)簽:?jiǎn)螕魳?biāo)簽下面的“單選”,可以輸入一個(gè)新名稱(chēng)。(Form Control Label:表單控件標(biāo)簽)標(biāo)簽。
值:?jiǎn)螕糁迪旅娴摹皢芜x”,可以輸入一個(gè)新值。value屬性。
布局,使用:選擇以哪一種方式對(duì)單選按鈕布局。
3. 設(shè)置完成后,單擊“確定”按鈕,退出“單選按鈕組”對(duì)話(huà)框,在文檔中就會(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)文章:
Dreamweaver如何插入表格02-27
Dreamweaver創(chuàng)建圖形提交按鈕11-16
如何在Dreamweaver插入特殊字符03-31
dreamweaver如何插入水平線07-22
DreamWeaver技巧大全02-28
制作dreamweaver的技巧02-27
Dreamweaver技巧詳解12-01