Question

您好，我目前正在联系人的表单中使用以下代码，但它无效。我不知道为什么

<form action="#" method="post">
    <div class="col-md-6 col-sm-6">
        <input type="text" class="form-control" placeholder="Name">
    </div>
    <div class="col-md-6 col-sm-6">
        <input type="email" class="form-control" placeholder="Email">
    </div>
    <div class="col-md-6 col-sm-6">
        <input type="telephone" class="form-control" placeholder="Phone Number">
    </div>
    <div class="col-md-6 col-sm-6">
        <select class="form-control">
            <option>Budget Select</option>
            <option>$600 to $1200</option>
            <option>$1200 to $2200</option>
            <option>$2200 to $2400</option>
            <option>$2400 to $4000</option>
        </select>
    </div>
    <div class="col-md-12 col-sm-12">
        <textarea class="form-control" rows="5" placeholder="Event details or enquires"></textarea>
    </div>
    <div class="col-md-3 col-sm-4">
        <form method="post" action="mailto:hello@vintagebella.com.au">
            <input type="submit" value="Send Email" />
        </form>
    </div>

Answer 1

尝试以下代码，

<form method="post" action="mailto:hello@vintagebella.com.au">
                <div class="col-md-6 col-sm-6">
                    <input type="text" class="form-control" placeholder="Name">
                </div>
                <div class="col-md-6 col-sm-6">
                    <input type="email" class="form-control" placeholder="Email">
                </div>
                <div class="col-md-6 col-sm-6">
                    <input type="telephone" class="form-control" placeholder="Phone Number">
                </div>
                <div class="col-md-6 col-sm-6"><select class="form-control">
                    <option>Budget Select</option>
                    <option>$600 to $1200</option>
                    <option>$1200 to $2200</option>
                    <option>$2200 to $2400</option>
                    <option>$2400 to $4000</option></select> </div>
                <div class="col-md-12 col-sm-12">
                    <textarea class="form-control" rows="5" placeholder="Event details or enquires"></textarea>
                </div>
                <div class="col-md-3 col-sm-4">
 
                    <input type="submit" value="Send Email" /> </div>
                    </form>

Answer 2

我已经更正了代码。请尝试以下代码。

 <form method="post" action="mailto:hello@vintagebella.com.au" >
            <div class="col-md-6 col-sm-6">
                <input type="text" class="form-control" placeholder="Name">
            </div>
            <div class="col-md-6 col-sm-6">
                <input type="email" class="form-control" placeholder="Email">
            </div>
            <div class="col-md-6 col-sm-6">
                <input type="telephone" class="form-control" placeholder="Phone Number">
            </div>
            <div class="col-md-6 col-sm-6"><select class="form-control">
                <option>Budget Select</option>
                <option>$600 to $1200</option>
                <option>$1200 to $2200</option>
                <option>$2200 to $2400</option>
                <option>$2400 to $4000</option></select> </div>
            <div class="col-md-12 col-sm-12">
                <textarea class="form-control" rows="5" placeholder="Event details or enquires"></textarea>
            </div>
            <div class="col-md-3 col-sm-4">

                <input type="submit" value="Send Email" /> 
                </div>

                </form>

Answer 3

使用一种形式而不是两种形式。并将第二种形式的功能添加到第一种

中

网站无效的html表单代码

3 个答案: