跳到内容
产品援助< / div >
  • 客户区
  • 狗万2017
  • 帮助指导
  • 狗万2017
    • 搜索< / div >
  • <李data-role="showMoreSearchContexts">更多选择。。。< / ul >< div班="ipsMenu_title"> 查找包含以下内容的结果。。。< / div >
  • < / ul >< div班="ipsMenu_title"> 查找结果......< / div >
  • < / ul >< / div >> < /形式< / div >< / div >< / div >< / div >< / div >< / div >

  • 客户服务< / h2 >
  • 购买和添加一个新的IPS产品
  • 获得支持
  • 许可证键和URL
  • 计费
  • 客户区概述

  • 开始< / h2 >
  • 首先登录
  • 设置菜单
  • 设置默认应用程序
  • 使用块管理器
  • 正确的外观

  • 成员和小组< / h2 >
  • 注册选项
  • 添加/编辑成员
  • 添加/编辑组
  • 自定义配置文件字段
  • 促进成员

  • 成员函数< / h2 >
  • 帐户设置
  • 发送/接收消息
  • 查看和重用附件
  • 声誉和反应
  • 配置文件完成
  • 配置文件和配置文件设置
  • 成绩和排名

  • 员工和节制< / h2 >
  • 保存的行动
  • 创建管理员和版主
  • 适度内容
  • 主持人和管理员日志
  • 添加员工目录
  • 主持人CP
  • 警告和限制
  • 员工信息

  • 安全性和规则< / h2 >
  • 防止垃圾邮件
  • 条款和隐私
  • 成员权限
  • 帐户安全/双因素认证

  • 促销活动< / h2 >
  • 电子邮件选项
  • 社交媒体分享
  • 搜索引擎优化
  • 社交媒体推广
  • 登记前张贴
  • 邀请和推荐

  • 货币化< / h2 >
  • 内部广告
  • 商业广告销售
  • 在商业上出售订阅

  • 社区增​​强< / h2 >
  • 关于增强
  • 添加第三方内容
  • 谷歌地图集成
  • Facebook的像素
  • 地图盒
  • 涂料
  • easyPost.
  • 皮克斯湾
  • Zapier

  • 如何使用Invisio狗万最低限额n Community< / h2 >

  • 套件应用程序< / h2 >

  • 主题和定制< / h2 >

  • 高级选项< / h2 >

    • 形式

    描述

    表单模块为整个套件提供了用于样式表格的类，可用于更改外观和流量的各种选项。

    用法

    表单应具有基类ipsForm．在许多情况下，这将是直接的<形式>元素，但它实际上可以出现在包含表单元素的任何元素上。表格的推荐基本的DOM结构如下：

    班=“ipsForm”>< ul ><李班='ipsfieldrow'>．..<李班='ipsfieldrow'>．..< / ul >> < /形式

    在此结构中，表单中的每个字段行显示为

  • 元素与类伊普斯菲尔德罗

    表格布局

    表单有两种布局选项:垂直布局和水平布局。在垂直表单中，字段标签显示在字段元素的上方。在水平表单中，标签出现在字段元素的左边。可以通过添加类来控制布局IPSForm_vertical.或者ipsForm_水平分别到根形式元素。

    两种类型的例子:

    • < div班="ipsFieldRow_content">
    • < div班="ipsFieldRow_content">

    笔记：在小型设备上，并且启用了响应CSS，水平布局表单将自动折叠为垂直布局，以便易于阅读。

    字段行

    表单中的每个字段行都有许多可用选项，具体取决于字段的类型。字段行的基本结构如下所示：

    <李班='ipsfieldrow'><标签对于=“例子”班='ipsfieldrow_label'>示例字段< div班='ipsfieldrow_content'><输入类型='文本'ID=“例子”价值=''>< / div >

    行接收基类伊普斯菲尔德罗．在此元素中是标签和内容元素。标签收到课程ipsFieldRow_标签，而内容包装器接收该类IPSFIELDROW_CONTENT.．内容元素理论上可​​以包含任何内容，但自然应该保持简单的最佳可用性。

    还有几个附加的类可以应用于字段行。

    • ipsFieldRow_小学
      主要字段行使文本输入扩大以传达重要性
    • ipsFieldRow_fullWidth
      导致适当的表单控件(主要是基于文本的/选择输入)占用所有可用的水平空间
    • ipsFieldRow_noLabel
      如果不需要标签，可以使用这个类来确保间距仍然按照预期工作。在决定移除标签之前，一定要考虑可用性。< / ul >

      必填字段

      若要向字段添加“必需”指示符，请使用类ipsFieldRow_必需可以在标签元素内添加，如下所示：

      <标签对于='elexample'班='ipsfieldrow_label'>字段标题班='ipsfieldrow_required'>要求的

      在水平布局的表单中，“required”指示元素内的文本会自动被星号替换，以节省空间。

      字段描述

      通过使用类，可以在字段内容元素内部的表单控件之后立即添加字段描述ipsfieldrow_desc.．例如：

      < div班='ipsfieldrow_content'><输入类型='文本'大小='30'> < br >班=“ipsFieldRow_desc”>这是一个字段描述< / div >

      复选框/收音机

      用于复选框或单选按钮的标记和类必然与上面描述的稍有不同，因为元素通常位于标签的左侧，并与标签内联显示。

      这是用于复选框或无线电的标记的示例（请注意，虽然该类指的是“复选框”，它可以用于两种类型的控制）：

      <李班=“ipsFieldRow ipsFieldRow_复选框”>班='ipscustominpul'><输入类型=“复选框”ID=“elExampleCheckbox”> < div班='ipsfieldrow_content'><标签对于=“elExampleCheckbox”>记住账号< / div >

      这里有一些区别。首先,类ipsfieldrow_checkbox.已添加到字段行，以表示应以不同方式处理此行。其次，复选框控件现在是row元素的直接后代，而标签在content元素中移动。最后，复选框本身被包装在一个具有类名的元素中IPSCustomInpul.，它允许我们使用CSS为复选框和无线电设置样式。

      • < / div >< / ul >< / div >

        Horizontally-grouped复选框

        显示复选框/单选控件的另一种常见方法是将其作为横向选择列表。这可以通过以下标记完成:

        <李班='ipsfieldrow'>班='ipsfieldrow_label'>选择一个选项班=“ipsFieldRow_content ipsList_reset”><李班=“ipsFieldRow\u inlineCheckbox”>班='ipscustominpul'><输入类型='收音机'ID=“复选框1”> <标签对于=“复选框1”>选择1<李班=“ipsFieldRow\u inlineCheckbox”>班='ipscustominpul'><输入类型='收音机'ID=“复选框2”> <标签对于=“复选框2”>选择2<李班=“ipsFieldRow\u inlineCheckbox”>班='ipscustominpul'><输入类型='收音机'ID=“复选框3”> <标签对于=“复选框3”>选择3< / ul >

        在这里，我们将字段行内容元素构建为一个列表（我们使用ipsList_reset删除边距和填充)，每个列表项接收类ipsFieldRow_inlineCheckbox水平对齐。

        上面的例子产生如下结果:

        • 选择一个选项
        • <李班="ipsFieldRow_inlineCheckbox"><李班="ipsFieldRow_inlineCheckbox">< / ul >< / ul >< / div >

          垂直分组复选框

          您还可以在垂直列表中对复选框和单选控件进行分组。标记如下所示：

          <李班='ipsfieldrow'>班='ipsfieldrow_label'>选择一个选项班='ipsfieldrow_content ipsfield_fieldlist'>
        • 班='ipscustominpul'><输入类型=“复选框”ID=“选项1”> < div班=“ipsField\u字段列表\u内容”><标签对于=“选项1”>选择1 
          班=“ipsFieldRow_desc”>选项1说明< / div >
        • 班='ipscustominpul'><输入类型=“复选框”ID=“option2”> < div班=“ipsField\u字段列表\u内容”><标签对于=“选项1”>选择2 
          班=“ipsFieldRow_desc”>选项2说明< / div >< / ul >

          • 显示为:

          • 选择一个选项

          • 选项1说明< / div >

          • 选项2说明< / div >< / ul >< / ul >< / div >

            现场加载状态

            基于文本的表单输入（文本输入，日期字段，textareAs等）可以通过添加类来显示加载状态ipsfield_loading.（通常使用Javascript）。这会导致字段在字段中显示加载抖动。

            • < div班="ipsFieldRow_content">

          笔记：使用背景图像实现这种效果。如果为指定背景图像的表单字段定义样式，则加载效果可能无法正确呈现。

          分组字段行

          添加部分标题

          您可以通过使用类添加您所选择的标题元素来将section标题添加到窗体中ipsFieldRow_section， 像这样：

        • 班=“ipsFieldRow_section”>节头< / h2 >

          • 自定义字段

          字段可以通过使用与类的FirdicES集分组在相关集合中ipsForm_group．此类结构的标记如下所示：

          < div班=“ipsForm ipsForm_水平”>班=“ipsForm_组”><传奇班='ipsform_grouptitle'>第一组< /传奇>班='IPSForm_GroupContent'><李班='ipsfieldrow'><！--字段行内容--><李班='ipsfieldrow'><！--字段行内容-->< / ul >班=“ipsForm_组”><传奇班='ipsform_grouptitle'>第二组< /传奇>班='IPSForm_GroupContent'><李班='ipsfieldrow'><！--字段行内容--><李班='ipsfieldrow'><！--字段行内容-->< / ul >< / div >

          这将产生（添加了字段行内容）：

          第一组< /传奇>
        • < div班="ipsFieldRow_content">
        • < div班="ipsFieldRow_content">
      第二组< /传奇>
    • < div班="ipsFieldRow_content">
    • < div班="ipsFieldRow_content">

    班上ipsForm_group被添加到容器元素 - 这通常是一个现场集。在该元素中将是标题元素，具有类ipsform_grouptitle.．这个也可以是任何元素，除了a传奇元素通常最有意义。最后，类中还有一个元素IPSForm_GroupContent.它包装组中的所有字段行。

    完整的形式的例子

    下面是一个完整的表单示例，出于演示的目的，可以在垂直和水平布局之间切换。下面是本示例的标记。

    • < div班="ipsFieldRow_content">
  • < div班="ipsFieldRow_content">
    我们对此保密< / div ><李班="ipsFieldRow">请发给我
  • <李班="ipsFieldRow_inlineCheckbox">< / ul ><李班="ipsFieldRow ipsFieldRow_checkbox"> 

    • example@me.com“>
      我们对此保密
    • 请发送me
        • 按钮type='submit'class='ipsButton'ipsButton\u medium ipsButton\u primary'>submit

    报告指南

    狗万最低限额©2021 IPS, Inc.< / div >< div>
  • manbetx推介代码
  • 客户区
  • 狗万
  • 隐私政策
  • 政策
    • ×
      ×
      • 创建新的...< / ul >< / div >< / div >< / div >
        Baidu