Question

我有这个

<form id="form_837299" class="appnitro"  method="post" action="insert.php"> <paper-input label="Title" name="title" maxlength="255">
            </paper-input>
          <paper-input floatinglabel multiline label="text" name="text"></paper-input>                           


          <li class="buttons">                                       

            <input type="hidden" name="form_id" value="837299" />                                                        
            <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />                           
          </li>                          
        </ul>                    
      </form>

我对POST数据有疑问 - ＆＃34; text＆＃34;和＆＃34;标题＆＃34; （全部用纸输入）。

我修改了模板和属性＆＃34; name＆＃34;现在是在一个div中，Polymer创建了。但是没有数据发送。

的print_r（$ _ POST）;只告诉我这个：数组（[form_id] =＆gt; 837299 [提交] =＆gt;提交）

有人知道如何在表单上使用Polymer和Material UI吗？

Answer 1

只有扩展本机表单元素的元素才会自动与表单一起提交。 paper-input扩展core-input，其内部有一个输入而不是扩展它。有关其他讨论，请参阅this mailing list discussion;有关可能的解决方案，请参见this StackOverflow post。

可能是this jsbin之类的东西？

更新：web component form中的情况与此相同。

更新：看起来ajax-form的创建者具有added此功能。

更新：另请考虑使用iron-form。

Answer 2

根据Polymer docs的说法，这样做的方法是创建一个常规表单输入并将其包装在<paper-input-decorator>

中

https://www.polymer-project.org/docs/elements/paper-elements.html#paper-input

我已经尝试过了，它运行正常。一些更好的形式支持会很酷，但很好。这东西还有点岩石。

更新：我已经建立了一个凉亭包（polymer-rails-forms）来处理聚合物中的表格，专门针对ActiveRecord输入命名方案进行定制，但它确实适用于任何旧表格。它仍然相对较新，但它涵盖了大多数输入类型，基本验证，xhr和非xhr提交，并且有一些很酷的附加功能，如image，json和location *字段。

位置字段取决于Google Map Places API

Polymer +表单POST数据

2 个答案:

Polymer +表​​单POST数据

2 个答案:

Polymer +表单POST数据