Question

为什么我的占位符不合适？为什么它没有显示全文？

<body>
    <div>
        <form method="post" action="">
            <table border="1" width="200">
                <tr>
                    <th colspan="6" align="center"> <b>Mini Calculator</b>
                    </th>
                </tr>
                <tr>
                    <td Colspan="6">
                        <input id="txtvalueone" type="text" placeholder="Please Enter The First Value Here" />
                    </td>
                </tr>
                <tr>
                    <td Colspan="6">
                        <input id="txtvaluetwo" type="text" placeholder="Please Enter The Second Value Here" />
                    </td>
                </tr>
                <tr>
                    <td colspan="6">
                        <input id="txtresult" type="text" placeholder="Result Here" disabled/>
                    </td>
                    <tr>
                        <tr>
                            <TD>
                                <INPUT id="btnAdd" type="button" value="Add" onclick="txtresult.value = eval(parseFloat(txtvalueone.value) + parseFloat(txtvaluetwo.value))" />
                            </TD>
                            <TD>
                                <INPUT id="btnSubtract" type="button" value="Subtract" onclick="txtresult.value = eval(parseFloat(txtvalueone.value) - parseFloat(txtvaluetwo.value))" />
                            </TD>
                            <TD>
                                <INPUT id="btnMultiply" type="button" value="Multiply" onclick="txtresult.value = eval(parseFloat(txtvalueone.value) * parseFloat(txtvaluetwo.value))" />
                            </TD>
                            <TD>
                                <INPUT id="btnDivide" type="button" value="Divide" onclick="txtresult.value = eval(parseFloat(txtvalueone.value) / parseFloat(txtvaluetwo.value))" />
                            </TD>
                            <TD>
                                <INPUT id="btnreset" type="reset" value="Reset" />
                            </TD>
                        </tr>
            </TABLE>
        </FORM>
    </DIV>
</BODY>

如果可能，请将其更新为JSFiddle

Answer 1

这是因为输入的大小不合适。

试试这个

http://jsfiddle.net/56mTX/2/

添加css以使其更大，并且已完成

input[type="text"]{
    width:100%;
    display:block;
}

Answer 2

试试这个

{
    display: block;
    width: 98%;
}

Answer 3

如果您想增加inputtextfield的大小，您需要提及输入文本字段的大小，例如size="30"。如果您增加了尺寸，则placeholder将完全显示在文本字段

上

FIDDLE

HTML表占位符错误

3 个答案: