Dreamweaver如何插入复选框和复选框组

   一、插入单个复选框

  1. 点击鼠标,将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选择“复选框”命令。

  或者在“插入”面板中选择“表单”项,点击“复选框”图标,如下图所示:


  点击“窗口”菜单,选择“插入”项,可以打开“插入”面板。

  2. 点击“复选框”图标后,弹出“输入标签辅助功能属性”对话框,在对话框中设置后,单击“确定”按钮,“复选框”出现在文档中。

  3. 在文档中点击“复选框”表单控件,如下图所示:


  4. 打开复选框“属性”面板,如下图所示:


  复选框名称:输入一个名称。name属性。

  选定值:输入一个选取该复选框时要发送给服务器端的应用程序或者处理脚本的值。value属性。

  初始状态:浏览器首次加载时该选项便处于选定状态,则点击“已勾选”项。checked属性。

  二、提示

  使用“复选框”可以对单个选项在“打开”和“关闭”之间切换,每个复选框选项都是独立操作的。

  另外,将光标定位到表单的红色虚线围成的框内,按回车(Enter)键,也可以添加多个复选框。

  三、插入复选框组

  1. 点击鼠标,将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选择“复选框组”命令。

  或者在“插入”面板中选择“表单”项,点击“复选框组”图标,如下图所示:


  点击“窗口”菜单,选择“插入”项,可以打开“插入”面板。

  2. 出现“复选框组”对话框,如下图所示:


  名称:输入一个名称。name属性。

  复选框:“+”表示增加一个复选框,“-”表示删除一个复选框。

  单击向上、向下按钮对复选框排序。

  标签:单击标签下面的“复选框”,可以输入一个新名称。(Form Control Label:表单控件标签)标签。

  值:单击值下面的“复选框”,可以输入一个新值。value属性。

  布局,使用:选择以哪一种方式对单选按钮布局。

  3. 设置完成后,单击“确定”按钮,退出“复选框组”对话框,在文档中就会插入一组复选框。

  4. 点击“复选框组”中的任一个复选框,会出现属性面板,请按照“一、3.4.”的步骤操作。

  5. 也可以利用属性面板上的相关工具优化复选框的布局。

  四、提示

  可以在一个复选框组中选择一个以上的选项。

  将光标定位到表单的红色虚线围成的框内,按回车(Enter)键,可以添加多个复选框组。

时间: 2024-11-05 09:17:23

Dreamweaver如何插入复选框和复选框组的相关文章

利用Bootstrap实现表格复选框checkbox全选_javascript技巧

首先来看看实现的效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: <table class="table table-bordered table-hover"> <thead> <tr class="success"> <th>类别编号</th> <th>类别名称</th> <th>类别组</th> <th

yii 使用checkBoxList 生成复选框每个复选框前面会生成隐藏输入框 怎么不让它生成

问题描述 yii 使用checkBoxList 生成复选框每个复选框前面会生成隐藏输入框 怎么不让它生成 yii 使用checkBoxList 生成复选框时会在每个复选框前面生成隐藏输入框 怎么不让他生成隐藏输入框 解决方案 手册里面有,或者你用html替换掉它里面生成的html标签去定义样式

网页制作基础:单选框和复选框的应用

单选框|复选框|网页 在用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,在HTML的<input>标记中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中的选项用户可以任意选择多项,甚至全选.请看下面的例子: 下面给出这个例子的源代码,结合代码来讲各参数的设置: <form name="form1" > 你是否喜欢旅游?请选择:<br> <input type="radio"

Javscript实现表单复选框的全选功能

复选框 有很多人不知道在多选框中全选怎么还编写代码.其实很简单,下面就是代码以及说明,请仔细阅读. <script language="javascript"> //代码说明(lulu163.com):form1为表单名,memberId为复选框,selectbutton为全选按钮    function selectAll()     { for (var i=0;i<document.form1.memberId.length;i++) { var temp=do

jquery做复选框的全选、全部选、反选

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content

使用AngularJS处理单选框和复选框的简单方法

这篇文章主要介绍了使用AngularJS处理单选框和复选框的方法,在AngularJS表单的基础之上编写起来非常简单,需要的朋友可以参考下     AngularJS对表单的处理相当简单.在AngularJS使用双向数据绑定方式进行表单验证的时候,实质上它在帮我们进行表单处理. 使用复选框的的例子有很多,同时我们对它们的处理方式也有很多.这篇文章中我们将看一看把复选框和单选按钮同数据变量绑定的方法和我们对它的处理办法. 创建Angular表单 在这篇文章里,我们需要两个文件:index.html

谷歌Chrome浏览器中单选框和复选框不显示怎么办

  谷歌Chrome浏览器中单选框和复选框不显示怎么办?最近不知怎么地,学研端的Chrome浏览器中的单选框和复选框经常不显示.给上网带来很大的不方便.虽然可以拷贝网址到firefox或者搜狗浏 览器中看,或者直接换浏览器,但总觉得还是用chrome习惯.更让学研端舍不得的是chrome简约的界面和强大的插件库.所以尝试了一个办法终于解决 了单选框和复选框无法正常显示的问题. 应该有多种解决办法的,学研端使用的是修改计算机的属性.具体地,是:依次进入:"我的电脑"→"属性&q

jquery操作下拉列表、文本框、复选框、单选框集合

 jquery操作拉列表.文本框.复选框.单选框集合.各种对下拉列表.文本框.复选框.单选框的jquery的相关操作.做为记录和收藏的最好方法 各种对下拉列表.文本框.复选框.单选框的jquery的相关操作.做为记录和收藏的最好方法.  遍历option和添加.移除option function changeShipMethod(shipping){  var len = $("select[@name=ISHIPTYPE] option").length  if(shipping.v

java 自动填写表单之下拉框,复选框的判断及操作

问题描述 java 自动填写表单之下拉框,复选框的判断及操作 我想用java实现一个网页的自动填写功能,例如工商局的工商注册页面的注册,现在我不知道该如何处理下拉选和复选框,现在我能实现按下tab,然后自动填写表单的输入框,再按tab键然后在自动填写下一个输入框,现在我无法判断下一个是输入框,复选框或下拉选,以及之后该如何操作 解决方案 下拉框可以用 SetAttribute("value", "sec"); 这样试试 SetAttribute("sele

c#中 文本框,复选框,按钮控件组合成下拉菜单

问题描述 文本框显示复选框的选择,按钮可以显示和隐藏下拉列表,复选框与数据库已经连接网站中的一部分:将文件同时发送给多个人,选择人使用组合成的下拉框protectedvoidbtnSelect_Click(objectsender,EventArgse){this.CheckBoxList1.Visible=true;}protectedvoidCheckBoxList1_SelectedIndexChanged(objectsender,EventArgse){foreach(ListItem