使用Dreamweaver插入单选按钮
来源:才华咖 本文已影响1.58W人
来源:才华咖 本文已影响1.58W人
大家知道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中为网页插入Java程序
如何给Dreamweaver插入flash动画
Dreamweaver如何自己制作图形按钮
如何在Dreamweaver插入flash动画
Dreamweaver如何插入flash动画
Dreamweaver中JavaScript行为操作使用的总结
Dreamweaver如何创建图形提交按钮
职称计算机Dreamwaver使用教程:插入图像
Dreamweaver输入空格使用方法
Dreamweaver怎么自己制作图形按钮
Dreamweaver创建图形提交按钮
Dreamweaver中JavaScript行为操作使用方法
Dreamweaver建単选按钮不能实现二选一怎么办
Dreamweaver创建图形提交按钮的方法
在Dreamweaver中如何使用模板
如何使用Dreamweaver创建站点
Dreamweaver如何插入单选按钮
如何使用Dreamweaver设计网页
Dreamweaver插入特殊字符的方法
dreamweaver命名锚记怎么使用
使用Dreamweaver代码提示功能
Dreamweaver如何使用空链接
Adobe认证Macromedia Dreamweaver8考试大纲
Dreamweaver的使用方法参考
熟练使用Dreamweaver小技巧
Dreamweaver插入特殊字符的方法大纲
如何使用Dreamweaver锚记链接
按揭收入证明(精选多篇)
按揭收入证明格式
怎么在Dreamweaver中插入特殊字符
Dreamweaver框架的使用技巧归纳
Dreamweaver如何插入表格
如何给Dreamweaver插入特殊字符
如何使用dreamweaver的模板功能
Dreamweaver如何使用锚记链接
《使用选项按钮控件》教案范文
十二个Dreamweaver使用小秘诀
如何使用Dreamweaver8解决web标准
Dreamweaver命名锚记如何使用