Input внутри тега th?

Question

[maksplotnikoff]

Есть таблица, заголовок первой колонки должен быть .
Делаю так:

<table">
  <thead>
  <tr>
    <th><label>Из</label><input type="text"></th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>Инфа</td>
    <td>Инфа</td>
    <td>Инфа</td>
  </tr>
  </tbody>
</table>

Поле появляется, но я не могу фокусироваться и вводить какие либо значения. Возможно как нибудь решить данную проблему?

Answer 1

[Алекс Глебов]

https://jsfiddle.net/xzj90ecq/
все работает

Answer 2

[lionkka]

Вопрос не очень понятен. Вы имеете ввиду что при нажатии на лейбл не фокусируется? Вам нужно написать id для input, и for для label. Вот так

<label for="text1">Из</label><input type="text" id="text1">