如何使输入文本更宽

Question

我试图使文本栏更宽，但我无法让它工作。我试过，width但它对我不起作用。我也无法在互联网上找到任何东西。

这是我的HTML：

HTML：

<form action="" method="post">
<legend>Neem contact op</legend>
<table>
    <tr>
        <td>
            <label for="Naam">Naam: </label>
        </td>
        <td>
            <input type="text" id="Naam" name="Naam" placeholder="Naam" required="required" />
        </td> 
    </tr>
    <tr>
        <td>
            <label for="Email">Email :</label>
        </td>
        <td>
            <input type="email" id="Email"name="Email" placeholder="Email" required="required" />
        </td>
    </tr>
    <tr>
        <td>
            <label for="Seizoen">Seizoen: </label>
        </td>
        <td>
            <select name="Seizoen" id="Seizoen" required>
            <option value="">Kies hier je seizoen</option>
                <option value="Lente">Lente</option>
                <option value="Zomer">Zomer</option>
                <option value="Herfst">Herfst</option>
                <option value="Winter">Winter</option>
            </select>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <hr />  
        </td>
    </tr>
    <tr>
        <td>
            <label for="Benodigheden">Benodigheden:</label>
        </td>
        <td>
            <input type="text" id="Benodigheden"name="Benodigheden" placeholder="Benodigheden" required="required" />
        </td>
    </tr>
    <tr>
        <td>
            <label for="Opmerking">Opmerking:</label>
            </td>
        <td>
            <textarea name="Opmerking" id="Opmerking" cols="40" rows="5" placeholder="Opmerking" required="required" /></textarea>
            </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
            <div class="submit"><input type="submit" value="Verzenden" name="Verzenden" /></div>
        </td>
    </tr>
</table>

这是JSFiddle的链接。

Answer 1

虽然上面的代码非常好，最小和干净，这是最好的。但是，如果您需要为每个文本输入设置不同的宽度，则需要内联 CSS。

示例代码：

<input style="width: 300px;" type="text">
<input style="width: 340px;" type="text">

Answer 2

如果您只想使 input-type="text" 具有一定的宽度，请在 css 文件 fx 中添加此样式：

input[type=text] {
   width: 300px;
}