发布带有表的表单,每行有多个输入,没有Javascript

时间:2012-07-19 20:48:02

标签: html5 forms

这部分是一个学术问题,但我认为可以在没有javascript的情况下正确完成,我希望在可能的情况下保持javascript不处理表单数据。

假设我有一个名为“Name”的单个文本输入,以及一个具有任意行数的表。每行中都有两个输入,名为“Color”和“Shape”。

假设文本输入填写为“Shape-Set-1”,并且有3行,其颜色和形状的值如下:

  • “蓝色”和“广场”
  • “绿色”和“圆圈”
  • “黄色”和“三角”

发布时,POST数据如下所示:

  • 名称:“Shape-Set-1”
  • 颜色:“蓝色”
  • 颜色:“绿色”
  • 颜色:“黄色”
  • 形状:“Square”
  • 形状:“圆圈”
  • 形状:“三角”

大!所有数据都成功了!但我如何知道哪种颜色和哪种形状相连?他们总是保证以正确的顺序聚集吗? (我的猜测是否定的,因为它可能取决于浏览器,除非有一个标准)。有没有办法嵌套并让行在对象中报告它们的颜色和形状输入?

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

你需要给每一行一个id,以便输入变成Colour1和Shape1,Colour2和Shape2等,然后你可以解析服务器端的密钥,确定允许你将两者连接在一起的数字

我不知道表格如何序列化他们的数据并传递它们,如果保证输入将按顺序出现,那么你就知道Color数组和Shape数组索引0将与同一个项目有关(我不知道)知道是否是这种情况,可能值得研究。