使用React将表单发布到Google表单

时间:2018-10-04 14:02:35

标签: reactjs post google-form

我按照here的说明添加了根据网站设计定制的Google表单。并使用this包将数据发布到Google表单。它在本地系统和Google Bucket Online上都进行了首次尝试,但是我对表单进行了很少的更改(添加了更多输入字段等),即使我恢复到表单和代码都在工作时,它也停止工作了,它不再工作了。.

我认为程序包可能有问题或有什么问题,有人可以向我指出正确的方向或提出替代方法以发布到Google表单吗?谢谢!

这是表格

<form className="uk-form contact-form" method="POST" action="LINK TO FORM" onsubmit="return window.submitGoogleForm(this);" >
    // got the action link by doing inspect element on form page
    <div className="uk-grid" data-uk-grid-margin="">
        <div className="uk-width-medium-1-2 uk-row-first">
            <div className="form-field">
                <input type="text" placeholder="Your Name" name="entry.529281403" required="" />
            </div>
            <div className="form-field">
                <input type="email" name="emailAddress" placeholder="Email Address" required="" />
            </div>
            <div className="form-field">
                <input type="text" name="entry.550890690" placeholder="Subject" />
            </div>
        </div>
        <div className="uk-width-medium-1-2">
            <div className="form-field">
                <textarea placeholder="Your Message Here" name="entry.699777486" rows="9" required></textarea>
            </div>
        </div>
    </div>
    <div className="form-button mt30">
        <button className="readon pill" >Send</button>
    </div>
</form>

1 个答案:

答案 0 :(得分:0)

对于诸如options和select之类的表单元素,google表单的末尾将具有一个隐藏标签。有时,您必须在表单中选择一个选项才能看到该隐藏标签。将名称值从该标签复制到所有选项并选择。