Dreamweaver插入单选按钮的技巧
来源:才华咖 本文已影响2.04W人
来源:才华咖 本文已影响2.04W人
Dreamweaver是一款比较强大的软件,它不但可以在上面画表格,还可以插入一些下拉框,或者是插入一些好看的“按钮”。下面是小编为大家搜索整理的Dreamweaver插入单选按钮的技巧,希望大家能有所收获,更多精彩内容请及时关注我们应届毕业生考试网!
一、插入单个单选按钮
1. 点击鼠标,将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选择“单选按钮”命令。
或者在“插入”面板中选择“表单”项,点击“单选按钮”图标
点击“窗口”菜单,选择“插入”项,可以打开“插入”面板。
2. 点击“单选按钮”图标后,弹出“输入标签辅助功能属性”对话框,在对话框中设置后,单击“确定”按钮,单选按钮出现在文档中。
3. 在文档中点击“单选按钮”表单控件
4. 打开单选按钮“属性”面板
单选按钮:输入一个名称。name属性。
选定值:输入一个选取该单选按钮时要发送给服务器端的应用程序或者处理脚本的`值。value属性。
初始状态:浏览器首次加载时该选项便处于选定状态,则点击“已勾选”项。checked属性。
二、提示
如果需要添加其他的单选按钮到组中,可以点击原来的单选按钮,然后按住Ctrl键点击鼠标左键并拖动到新位置,松开鼠标,即可添加一个新的单选按钮,最后为新的单选按钮修改“选定值”文本框中的值。
另外,将光标定位到表单的红色虚线围成的框内,按回车(Enter)键,也可以添加多个单选按钮。
三、插入单选按钮组
当在一组选择信息中只能选择一个选项时,请使用“单选按钮组”。一组中的所有单选按钮都必须有同样的名称,但域值不同。
1. 点击鼠标,将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选择“单选按钮组”命令。
或者在“插入”面板中选择“表单”项,点击“单选按钮组”图标
点击“窗口”菜单,选择“插入”项,可以打开“插入”面板。
2. 出现“单选按钮组”对话框
名称:输入一个名称。name属性。
单选按钮:“+”表示增加一个单选按钮,“-”表示删除一个单选按钮。
单击向上、向下按钮对单选按钮排序。
标签:单击标签下面的“单选”,可以输入一个新名称。(Form Control Label:表单控件标签)标签。
值:单击值下面的“单选”,可以输入一个新值。value属性。
布局,使用:选择以哪一种方式对单选按钮布局。
3. 设置完成后,单击“确定”按钮,退出“单选按钮组”对话框,在文档中就会插入一组单选按钮。
4. 点击“单选按钮组”中的任一个单选按钮,会出现属性面板,请按照“一、3.4.”的步骤操作。
5. 也可以利用属性面板上的相关工具优化单选按钮的布局。
四、提示
将光标定位到表单的红色虚线围成的框内,按回车(Enter)键,可以添加多个单选按钮组。
五、总结
“单选按钮”是以组的方式工作的,并且提供的是互相排斥的选择,所以一组单选按钮中只能选取一个选项。
Dreamweaver如何自己制作图形按钮
Dreamweaver 8中插入Flash媒体元素的教程
Dreamweaver如何创建图形提交按钮
Dreamweaver创建图形提交按钮的方法
Dreamweaver插入FLV文件的方法
如何给Dreamweaver插入flash动画
Dreamweaver创建提交按钮的教程
Dreamweaver插入特殊字符的方法
Dreamweaver插入图像的教程
Dreamweaver怎么自己制作图形按钮
如何在Dreamweaver中为网页插入Java程序
Dreamweaver创建图形提交按钮
如何在Dreamweaver插入flash动画
Dreamweaver建単选按钮不能实现二选一怎么办
Dreamweaver如何插入flash动画
尤克里里左手的按弦技巧
Dreamweaver技巧跳转菜单
Dreamweaver网页设计制作的技巧
用Dreamweaver处理word文档技巧
Dreamweaver如何插入单选按钮
Dreamweaver导入和导出站点的技巧
Dreamweaver网页优化的技巧
Dreamweaver制作弹出菜单的方法技巧
用Dreamweaver制作网页的技巧
Dreamweaver添加超链接的方法技巧
Dreamweaver处理word文档技巧
自我介绍的简单技巧
使用Dreamweaver查找或替换的技巧
Dreamweaver框架的使用技巧归纳
Dreamweaver格式化html代码的技巧
Dreamweaver视图切换的技巧
按下按钮的勇气作文
Dreamweaver制作网页的技巧
Dreamweaver跳转菜单的方法技巧介绍
Adobe认证Macromedia Dreamweaver8考试大纲
Dreamweaver网页设计的技巧
Dreamweaver网页制作的技巧
职称计算机Dreamwaver考点:插入图像
Dreamweaver空格使用的方法技巧
Dreamweaver跳转菜单的方法技巧