Question

我最近扩展了我拥有的工作表格，但现在该表格未提交。我以为可能是由于添加了“选择”字段，但删除该表单后仍然没有提交。

然后我以为Divs可能会引起问题，但似乎无法弄清楚为什么会这样？

在没有任何其他DIVS等的情况下，表格可以正常工作。

我也尝试过向表单添加一个ID，然后为每个输入/选择字段添加表单属性，但仍然没有成功。

<form action="jobs.php" class="search-form" method="get">
<div class="form-container">
    <div class="box-select">
        <div class="select">
            <input type="text" name="key" placeholder="Keywords" style="padding: 28px 15px;" />
        </div>
        <div class="select">
            <input type="text" name="location" placeholder="Location" style="padding: 28px 15px;" />
        </div>
        <div class="select">
            <select name="category">
                <option value="" disabled selected>Select Category</option>
                <option value="">Accounts and Finance</option>
                <option value="">Actuarial / Statistics</option>
                <option value="">Architect / Interior Design</option>
                <option value="">Arts / Creative / Media</option>
                <option value="">Cleaning / Security / Maintenance</option>
                <option value="">Clerical / Administrative</option>
                <option value="">Construction / Real Estate</option>
                <option value="">Customer Service / Telesales</option>
                <option value="">Education / Lecturing</option>
                <option value="">Executive / Professional / Management </option>
                <option value="">Hotel / Restaurant / Travel / Leisure</option>
                <option value="">Human Resources</option>
                <option value="">Information Technologies / Telecommunication</option>
                <option value="">Logistics / Shipping / Warehouse</option>
                <option value="">Manufacturing - Production </option>
                <option value="">Others</option>
                <option value="">Public Relations & Communication </option>
                <option value="">Purchasing / Procurement</option>
                <option value="">Retail / Showroom / Counter / Exhibition Sales</option>
                <option value="">Sales & Marketing</option>
                <option value="">Technical and Engineering</option>
                <option value="">Training and Development</option>
                <option value="">Wellness / Fitness </option>
            </select>
        </div>
        <div class="select">
            <button class="button" type="button">Search</button>
        </div>
    </div>
</div>

有人可以在这里指出我做错了什么吗？

Answer 1

如docs

中所述

提交类型的
<input>元素呈现为按钮。当。。。的时候发生点击事件（通常是因为用户单击了按钮），用户代理尝试将表单提交到服务器。

如果要通过submit单击提交form，则按钮的类型必须为button。因此，替换

<button class="button" type="button">Search</button>

与

<button class="button" type="submit">Search</button>

HTML表单似乎正确，但未提交

1 个答案: