HTML 表格占位符错误
Posted
技术标签:
【中文标题】HTML 表格占位符错误【英文标题】：HTML Table Placeholder Error 【发布时间】：2014-01-30 07:13:52 【问题描述】：为什么我的占位符不在行中？为什么它没有显示全文？
http://jsfiddle.net/56mTX/
<body>
<div>
<form method="post" action="">
<table border="1" >
<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>
如果可能，请将其更新为 JSFiddlle
【问题讨论】：
您需要提及大小以增加输入文本字段。我想你想要这样.. jsfiddle.net/56mTX/5 非常感谢，您帮了大忙：D 【参考方案1】：这是因为输入的大小不合适。
试试这个
http://jsfiddle.net/56mTX/2/
添加css使其变大，就完成了
input[type="text"]
width:100%;
display:block;
【讨论】：
谢谢：D 你帮了很多忙，干杯：D【参考方案2】：试试这个
display: block;
width: 98%;
【讨论】：
【参考方案3】：如果您想增加输入文本字段的大小，您需要提及输入文本字段的大小，例如 size="30"。如果您增加大小，则 placeholder 将完全显示在文本字段中
FIDDLE
【讨论】：
以上是关于HTML 表格占位符错误的主要内容，如果未能解决你的问题，请参考以下文章