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

如果您只想制作输入类型=＆＃34; text＆＃34;有一定宽度，在你的css文件fx：

中添加这个样式

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

Answer 2

在你的html

的head部分添加一些css

<style>
input{width: 300px}
</style>

Answer 3

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

示例代码：

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

Answer 4

让你的桌子更宽。

为您的td添加所需的宽度

高兴你的投入。

如何使输入文本更宽广

4 个答案: