HTML 表单似乎正确但未提交答案

【问题标题】：A HTML form seems correct but doesn't submitHTML 表单似乎正确但未提交
【发布时间】：2019-12-21 02:52:29
【问题描述】：

我最近扩展了一个工作表单，但现在该表单没有提交。我想这可能是由于添加了 Select 字段，但是在删除该表单时仍然没有提交。

然后我想也许是 Div 引起了问题，但似乎无法弄清楚为什么会这样？

没有任何额外的 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>

请有人指出我在这里做错了什么。

【问题讨论】：

我知道有点晚了，但你有解决办法吗？

标签： html forms

【解决方案1】：

如docs中所说

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

如果要在button 点击时提交form，则您的按钮类型必须为submit。因此，替换

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

与

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

【讨论】：

除此之外，您根本不需要指定type="submit"。没有指定类型的按钮总是默认为submit，所以你可以直接使用<button class="button">Search</button>。