精华内容
下载资源
问答
  • 创建复选按钮

    2018-05-02 17:47:04
    这样的场景就用checkboxes(复选按钮)。复选按钮是input的输入框的另一种类型。每一个复选按钮都应该嵌套进label元素中。所有关联的复选按钮应该具有相同的name属性。下面是复选按钮的例子:<label>&...

    Create a Set of Checkboxes


    当你在大学选课时,面对几百门课程,而因为时间和精力,你只能从中选择十几门。

    这样的场景就用checkboxes(复选按钮)

    复选按钮是input的输入框的另一种类型。

    每一个复选按钮都应该嵌套进label元素中。

    所有关联的复选按钮应该具有相同的name属性。

    下面是复选按钮的例子:

    <label><input type="checkbox" name="personality"> Loving</label>

    任务:为你的表单添加三个复选按钮,每个复选按钮都应该嵌套进它自己的label元素,所有复选按钮的name属性必须为personality



    展开全文
  • 怎么html中创建复选框?

    千次阅读 2020-05-11 00:01:09
    语法:** **定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

    语法:** **定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

    在这里插入图片描述

    在这里插入图片描述

    展开全文
  • select name=“productTypeId”> –请选择– p r o d u c t T y p e s " v a r = " p r o d u c t T y p e " > < o p t i o n v a l u e = "...name是提交到表单的名字

    select name=“productTypeId”>
    –请选择–
    <c:forEach items="productTypes&quot;var=&quot;productType&quot;&gt;&lt;optionvalue=&quot;{productTypes}&quot; var=&quot;productType&quot;&gt; &lt;option value=&quot;{productType.id}">${productType.name}
    </c:forEach>
    </select

    name是提交到表单的名字

    展开全文
  • 表单域包括文本框、复选框、列表框、组合框、按钮和签名域等,主要用于收集用户填写或选择的数据。这篇文章将介绍如何Java应用程序中给PDF文档添加表单域。 导入jar文件 本文所使用的PDF类库是Free Spire.PDF ...

    表单域包括文本框、复选框、列表框、组合框、按钮和签名域等,主要用于收集用户填写或选择的数据。这篇文章将介绍如何在Java应用程序中给PDF文档添加表单域。

    导入jar文件

    本文所使用的PDF类库是Free Spire.PDF for Java, 如果你的项目是maven工程的话,在pom.xml文件中添加如下依赖,即可导入Free Spire.PDF for Java库jar文件。

    <repositories>
    
            <repository>
    
                <id>com.e-iceblue</id>
    
                <name>e-iceblue</name>
    
                <url>http://repo.e-iceblue.com/nexus/content/groups/public/</url>
    
            </repository>
    
    </repositories>
    
    <dependencies>
    
        <dependency>
    
            <groupId>e-iceblue</groupId>
    
            <artifactId>spire.pdf.free</artifactId>
    
            <version>2.2.2</version>
    
        </dependency>
    
    </dependencies>

    如果不是maven,可通过官网下载最新的Free Spire.PDF for Java的jar文件(是一个压缩包,解压缩后在lib文件夹下可找到jar文件),然后将jar文件添加至程序中,下载地址

    实现代码

    Free Spire.PDF for Java支持添加和操作多种PDF表单域,下表列出了一些常见的域及其在Free Spire.PDF for Java中对应的类名。

    域名

    类名

    文本框

    PdfTextBoxField

    复选框

    PdfCheckBoxField

    列表框

     PdfListBoxField

    组合框

    PdfComboBoxField

    单选按钮

    PdfRadioButtonListField

    按钮

    PdfButtonField

    签名域

    PdfSignatureField

     以下代码展示了如何给PDF文档添加文本框、复选框、列表框、组合框、单选按钮和按钮。签名域在之前的文章中已经写过了,此处不再介绍。

    import java.awt.*;
    import java.awt.geom.Point2D;
    import java.awt.geom.Rectangle2D;
    
    import com.spire.pdf.FileFormat;
    import com.spire.pdf.PdfDocument;
    import com.spire.pdf.PdfPageBase;
    import com.spire.pdf.fields.*;
    import com.spire.pdf.graphics.*;
    
    
    public class CreateFormFields {
        public static void main(String[] args) throws Exception {
            //创建PdfDocument对象
            PdfDocument doc = new PdfDocument();
    
            //添加页面
            PdfPageBase page = doc.getPages().add();
    
            //初始化位置变量
            float baseX = 100;
            float baseY = 50;
    
            //创建画刷对象
            PdfSolidBrush brush1 = new PdfSolidBrush(new PdfRGBColor(Color.BLUE));
            PdfSolidBrush brush2 = new PdfSolidBrush(new PdfRGBColor(Color.black));
    
            //创建TrueType字体
            PdfTrueTypeFont font= new PdfTrueTypeFont(new Font("Arial Unicode MS",Font.PLAIN,12),true);
    
            //添加文本框
            String text = "姓名:";//文本框前的文字
            page.getCanvas().drawString(text, font, brush1, new Point2D.Float(0, baseY));//在PDF中绘制文字
            Rectangle2D.Float tbxBounds = new Rectangle2D.Float(baseX, baseY , 150, 15);//创建Rectangle2D对象
            PdfTextBoxField textBox = new PdfTextBoxField(page, "TextBox");//创建文本框对象
            textBox.setBounds(tbxBounds);//设置文本框的Bounds,包括位置和大小信息
            textBox.setText("洋洋");//设置文本框的默认文字
            textBox.setFont(font);//设置文本框的字体
            doc.getForm().getFields().add(textBox);//添加文本框到PDF域的集合
            baseY +=25;
    
            //添加复选框
            page.getCanvas().drawString("民族:", font, brush1, new Point2D.Float(0, baseY));
            java.awt.geom.Rectangle2D.Float rec1 = new java.awt.geom.Rectangle2D.Float(baseX, baseY, 15, 15);
            PdfCheckBoxField checkBoxField = new PdfCheckBoxField(page, "CheckBox1");
            checkBoxField.setBounds(rec1);
            checkBoxField.setChecked(true);
            page.getCanvas().drawString("汉族", font, brush2, new Point2D.Float(baseX + 20, baseY));
            java.awt.geom.Rectangle2D.Float rec2 = new java.awt.geom.Rectangle2D.Float(baseX + 70, baseY, 15, 15);
            PdfCheckBoxField checkBoxField1 = new PdfCheckBoxField(page, "CheckBox2");
            checkBoxField1.setBounds(rec2);
            checkBoxField1.setChecked(false);
            page.getCanvas().drawString("少数民族", font,  brush2, new Point2D.Float(baseX+90, baseY));
            doc.getForm().getFields().add(checkBoxField);
            baseY += 25;
    
            //添加列表框
            page.getCanvas().drawString("年龄:", font, brush1, new Point2D.Float(0, baseY));
            java.awt.geom.Rectangle2D.Float rec = new java.awt.geom.Rectangle2D.Float(baseX, baseY, 150, 50);
            PdfListBoxField listBoxField = new PdfListBoxField(page, "ListBox");
            listBoxField.getItems().add(new PdfListFieldItem("3岁", "item1"));
            listBoxField.getItems().add(new PdfListFieldItem("4岁", "item2"));
            listBoxField.getItems().add(new PdfListFieldItem("5岁", "item3"));;
            listBoxField.setBounds(rec);
            listBoxField.setFont(font);
            listBoxField.setSelectedIndex(0);
            doc.getForm().getFields().add(listBoxField);
            baseY += 60;
    
            //添加单选按钮
            page.getCanvas().drawString("性别:", font, brush1, new Point2D.Float(0, baseY));
            PdfRadioButtonListField radioButtonListField = new PdfRadioButtonListField(page, "Radio");
            PdfRadioButtonListItem radioItem1 = new PdfRadioButtonListItem("Item1");
            radioItem1.setBounds(new Rectangle2D.Float(baseX, baseY, 15, 15));
            page.getCanvas().drawString("男", font, brush2, new Point2D.Float(baseX + 20, baseY));
            PdfRadioButtonListItem radioItem2 = new PdfRadioButtonListItem("Item2");
            radioItem2.setBounds(new Rectangle2D.Float(baseX + 70, baseY, 15, 15));
            page.getCanvas().drawString("女", font, brush2, new Point2D.Float(baseX + 90, baseY));
            radioButtonListField.getItems().add(radioItem1);
            radioButtonListField.getItems().add(radioItem2);
            radioButtonListField.setSelectedIndex(0);
            doc.getForm().getFields().add(radioButtonListField);
            baseY += 25;
    
            //添加组合框
            page.getCanvas().drawString("班级:", font, brush1, new Point2D.Float(0, baseY));
            Rectangle2D.Float cmbBounds = new Rectangle2D.Float(baseX, baseY, 150, 15);
            PdfComboBoxField comboBoxField = new PdfComboBoxField(page, "ComboBox");
            comboBoxField.setBounds(cmbBounds);
            comboBoxField.getItems().add(new PdfListFieldItem("幼儿园小班", "item1"));
            comboBoxField.getItems().add(new PdfListFieldItem("幼儿园中班", "itme2"));
            comboBoxField.getItems().add(new PdfListFieldItem("幼儿园大班", "item3"));
            comboBoxField.setSelectedIndex(0);
            comboBoxField.setFont(font);
            doc.getForm().getFields().add(comboBoxField);
            baseY += 25;
    
            //添加按钮
            page.getCanvas().drawString("提交按钮:", font, brush1, new Point2D.Float(0, baseY));
            Rectangle2D.Float btnBounds = new Rectangle2D.Float(baseX, baseY, 50, 15);
            PdfButtonField buttonField = new PdfButtonField(page, "Button");
            buttonField.setBounds(btnBounds);
            buttonField.setText("提交");
            buttonField.setFont(font);
            doc.getForm().getFields().add(buttonField);
    
            //保存文档
            doc.saveToFile("AddFormField.pdf", FileFormat.PDF);
        }
    }

    生成文档:

    展开全文
  • 公司最近需要开发一个功能需要用到多级复选框的功能,效果如下图: 多的不说,直接上代码。 首先,创建一个文件app/Admin/Extensions/Form/MultiLevelLinkage.php(具体可以根据情况调整),文件内容 <?php...
  • PHP中复选框checkbox 表单的提交和处理与ASP、JSP中提交与处理的方式有所不同,从使用上来说ASP、JSP比较简单,下面分别示例说明。... 复选框1:<input type="checkbox" name="mycheckbox" va...
  • 用户界面设计中,复选框组不如它的同类 —— 多行选择框那样流行。它们基本上做的是同一件事,即选择映射到单一 name 属性的一组选项。当组中使用时,复选框执行的功能实际与多行选择框一样,但是它们占据的屏幕...
  • 您几乎不用考虑用于构建表单的工作 ,但是如果您拥有站点,服务或产品,那么表单是收集人群情报时拥有的重要工具。 在线表单并不是真的很难,但是如果您想构建一个外观漂亮,功能强大的表单 ,但是又不想弄乱代码,...
  • 创建表单、设置表单属性、 单行文本、密码框 、单选按钮、复选按钮、普通按钮、...表单创建在<body></body>标签中 <body> <form> </forrm> </body> 表单常用的三种属...
  • 试过所有的办法,都没有办法获取到复选框的选中状态,整了一早上,最后忽然想到,难道一定要用layui官方文档提供的方式监听吗,用原生js难道就不行了,最后一试竟然成功了,不得不说,js是最强大的。 1 <div ...
  • <!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
  • 脚本编程最复杂的表单控件是 select 元素对象。select 对象其实是一个包含 option 对象数组的复合对象。此外,可 HTML 中建立这个对象,把它显示为 下拉列表 或者 滚动列表,滚动列表可以配置为允许进行多选。  ...
  • [b]CheckBox:复选框[/b] [img]http://www.miniui.com/docs/api/images/checkbox.png[/img] 参考示例:[url=http://www.miniui.com/demo/checkbox/checkbox.html]CheckBox:复选框[/url] [b]创建CheckBox[/b] ...
  • struts中创建动态复选框标签的使用

    千次阅读 2007-06-11 09:17:00
    用户界面设计中,复选框组不如它的同类 —— 多行选择框那样流行。它们基本上做的是同一件事,即选择映射到单一 name 属性的一组选项。当组中使用时,复选框执行的功能实际与多行选择框一样,但是它们占据的屏幕...
  • 最近做到一个项目,需要checkbox翻页复选这个功能。网上查了下,没什么好的方法,这里将我的实现分享出来,看看大家有没有更好更有效的方法。 闲话不多说了,首先关于checkbox: Checkbox 对象 Checkbox 对象代表...
  • [b]CheckBoxList:复选框组[/b] [img]http://miniui.com/docs/api/images/checkboxlist.gif[/img] 参考示例:[url=http://miniui.com/demo/checkboxlist/checkboxlist.html]CheckBoxList:复选框组[/url] [b]...
  • HTML复选框和提交按钮组合设置

    千次阅读 2015-08-05 16:39:27
    html中怎样来创建复选框,对于创建复选框我们应该注意什么样的问题,这个html文档借助一个例子,很好的总结了对复选框的设置,设置复选框用到的标签是<form><input>我们队这些标签的属性应该怎样来写
  • javascript复选框 标题:使用JavaScript动态添加带有复选框的表格行 作者:Vivek Kapile ... 此代码将为想要学习的初学者提供帮助,帮助他们了解如何通过JavaScript表中动态创建复选框。 我已经介...
  • <!... ; charset=utf-8" /> ...--复选框--> 体育 书法 看书 购物 个人评价: 感谢配合</textarea> <!--多行文本--> 同意请提交" /> 取消" />
  • 表单的介绍(将前端页面发送给后台)可以获取客户端的信息(数据),表单有各种各样的控件,输入框,复选框 按钮等表单的功能:交互功能表单的工作原理:浏览有表单的页面,填写必要的信息,之后单击某个提交按钮对...
  • 网页中创建表单

    千次阅读 2016-12-10 17:21:47
    表单信息的处理过程:单击表单中的提交按钮时,在表单中输入的信息就会被提交到服务器中,服务器的有关应用程序会处理提交信息。处理结果或者是将用户提交的信息储存服务器端的数据库中,或者是将有关信息返回到...
  • PHP表单生成器,快速创建Form表单

    千次阅读 2018-07-21 12:07:05
    包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传等功能。 github地址 本项目还不断开发完善中,如有建议或问题请这里提出 安装 ...
  • 表单创建目录【1】创建文本输入框【2】将占位符文本【3】创建表单元素【4】设置表单提交按钮【5】设置必填输入框【6】添加单选按钮【7】添加复选框【8】单(复)选框中value的使用【9】默认一个单(复)选框 ...
  • elementui复选框组使用与遇到的问题

    千次阅读 2019-04-19 18:47:44
    elementui复选框组使用与遇到的问题1、复选框组使用2、默认值的设置3、遇到的问题3.1、导致问题的写法3.2、正常可以使用的写法 今天有个弹出窗编辑的时候elementui的复选框出了问题,控制台也没有报错,但就是死活选...
  • 单元格下拉框实现复选框多选 将复选框链接到带有宏的单元格 (Link Check Boxes to Cells With a Macro) You can use check boxes on a worksheet, and link the results to a cell. If the box is checked, the cell...
  • 表单信息的处理过程:单击表单中的提交按钮时,在表单中输入的信息就会被提交到服务器中,服务器的有关应用程序将处理提交信息,处理结果或者是将用户提交的信息储存服务器端的数据库中,或者将有关信息返回到...
  • 业务场景:一串一组表单在微信小程序中由后端获取的json数据循环遍历生成的,我们填好表单后要给后端传回去。 我们假设这段json是由后端传给我们前端的遍历的 GoodArr: [ {name:"名称一"}, {name:"名称...
  • 1、checkbox(复选框)  checkbox常用于多选的情况,比如批量删除、添加群聊等; DOM结构 checkbox示例 默认checkbox右侧显示,若希望左侧显示,只需增加.mui-left类即可,如下: checkbox左侧显示...
  • Yii2创建表单

    2016-07-14 08:53:24
    文本框:textInput(); ... 单选框:radio(),...复选框:checkbox(),checkboxList(); 下拉框:dropDownList(); 隐藏域:hiddenInput(); 文本域:textarea(['rows'=>3]); 文件上传:fileInput(); 提交按钮:submitButton(); 重
  • 表单是从网站访问者那里... 本文中,我将向您展示如何为WordPress网站创建简历上传表单。 用户将能够上传PDF格式的简历文件。 本教程结束时,我们应该有类似的内容。 我还将向您展示如何将这些上传的文件添...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 33,170
精华内容 13,268
关键字:

在表单创建复选