创建包含多个字段的单个<input />类型

时间:2016-06-26 23:28:06

标签: javascript php mysql css

为清晰起见编辑:

虽然@grateful回答了这个问题,但我会尝试扩展它,以防它对别人有用......

我的项目包含一个页面rsetup.php,其中包含一些访问MySQL数据库以填充页面HTML部分的php。 HTML创建一个带有“标准”字段的表单,如单选按钮,复选框和文本字段。

表单的一个部分有多个数据库字段实例,用于创建可选的“过滤器链”。我想要实现的输入字段的类型如下:

[标号] [OP] [值]

其中label是过滤器的名称,op是==,!=或NULL,value是任意操作数(通常是字符串)。理想情况下,输入类型将在查询时返回所有三个子字段。

@grateful提供的答案指出了我正确的方向。一些调整,它将完全符合我的需要。如果社区中的其他人需要类似的解决方案,这是一个很好的起点。

我很抱歉没有代码示例来说明这个问题,但该项目是我工作的公司内部的,我很确定任何公开曝光都会不受欢迎......

提前感谢您的帮助, 405nm处

1 个答案:

答案 0 :(得分:0)

如果我理解正确,那么棘手的问题就是让css正确 - 使3部分看起来像是同一输入字段的一部分。要做到这一点,最好给它们相同的类名并将它们的外观属性设置为'none',即:

  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;

然而,这样做之后,你需要重新安排这些元素,因此需要相当多的CSS。 我在Codepen here

上为您创建了一个示例