HTML Table佔位符錯誤

爲什麼我的佔位符不符合？爲什麼它不顯示全文？HTML Table佔位符錯誤

<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>

請更新，以JSFiddlle如果可能的話

來源

2014-01-11 user3184290

你需要提及的大小，以增加將inputTextField。我想你想要這樣.. http://jsfiddle.net/56mTX/5/ – Karuppiah

非常感謝，你幫助：D – user3184290

it's因爲輸入沒有合適的尺寸。

試試這個

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

添加的CSS使它更大，並且it's做

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

來源

2014-01-11 06:14:06 kamus

感謝：D你幫了很多，乾杯：D – user3184290

一個快樂的人：D – kamus

如果你想增加試試這個

{ 
    display: block; 
    width: 98%; 
}

來源

2014-01-11 06:18:44

您的輸入文本字段的大小，您需要提及輸入文本字段的大小e此size="30"。如果你增加了大小，然後將placeholder完全出現在文本框

FIDDLE

來源

2014-01-11 06:20:01 Karuppiah

HTML Table佔位符錯誤

回答

相關問題