如何从html表单获取数据并设置格式以进行链接

Question

我已经使用html格式输入了网站，我需要获取输入数据，并将其设置为whatsapp链接例如，这是我的输入数据

这是来自输入html的代码

       <section id="contact">
            <div class="container">
                <h1>Contact Us</h1>
                <div class=row>
                    <div class="col-md-12">
                        <form class="contact-form">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Your Name" name="nama">
                            </div>
                            <div class="form-group">
                                <input type="number" class="form-control" placeholder="Phone Number">
                            </div>
                            <div class="form-group">
                                <label for="exampleFormControlSelect2">Pilih Jenis Paket</label>
                                <select multiple class="form-control" id="exampleFormControlSelect2" name="paket">
                                    {% for packet in products %}
                                        <option > {{ packet.name }} | Rp {{packet.price}}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="form-group">
                                <textarea class="form-control" rows="4" placeholder="Your Message"></textarea>
                            </div>
                            <button type="submit" class="btn btn-primary" >Send Message</button>
                        </form>
                    </div>
                </div>
            </div>
        </section>

例如，链接应该像这样https://api.whatsapp.com/send?phone=628981234567&text=PAKET%205%20HARI%204%20MALAM|Rp%202500000只需单击“发送消息”按钮，如何建立此链接？

Answer 1

将ID /名称添加到表单中的每个字段，然后单击发送消息时，调用一个函数，您将在其中使用ID /名称获得表单中的每个值，一旦获得值，就以您自己的格式创建一个字符串并传递该字符串encodeURI

（）函数的字符串。它将对网址进行编码。