Введите текстовое поле и ширину 100%

Question

Я пишу простую форму для отправки некоторых данных в базу данных.

Я использую его в своей собственной компании, поэтому мне не нужно иметь идеальный стиль.

Я использую таблицу для макета (это нормально в этом приложении).

<table width="500px" style="border:1px solid black; overflow:hidden"> 
    <tr> 
    <td>Born <input type="text" name="nato_pf" /></td> 
    </tr> 
</table> 

Я хотел бы установить ширину входного текста на 100% (до конца строки), но, если я сделать это, ввод текста обертывания на новую строку.

Я нашел решения только с помощью div, и они не для меня на данный момент.

EDIT: Иногда у меня есть два входа (с разными размерами) в одной строке, поэтому я не могу добавить другие теги td.

Answer 1

http://jsfiddle.net/gmmr7/1

table { 
    border:1px solid black; 
    width: 200px; 
} 

.left { 
    float: left; 
} 

.left2 { 
    overflow: hidden; 
    padding: 0 4px; 
} 

.left2>input { 
    width: 100% 
} 

<table> 
    <tr> 
     <td> 
      <label class="left">Born</label> 
      <div class="left2"> 
       <input type="text" name="nato_pf" /> 
      </div> 
     </td> 
    </tr> 
</table> 

Answer 2

вы можете определить другой Td элемент

<table width="500px" style="border:1px solid black; overflow:hidden"> 
    <tr> 
     <td>Born </td><td><input type="text" name="nato_pf" /></td> 
    </tr> 
</table> 

Css

input{ 
    width:99%; 

} 

Answer 3

<table width="500px" style="border: 1px solid black; verflow: hidden"> 
    <tr> 
     <td style="width: 50px;"> 
      Born 
     </td> 
     <td> 
      <input type="text" name="nato_pf" style="width: 99%;" /> 
     </td> 
    </tr> 
</table> 

99% ширины, потому что 100% в текстовом поле выходит за границы стола :) , а также дать ширина до первого td;)

jsFiddle http://jsfiddle.net/2yZmB/