Показать сообщение отдельно
  #16 (permalink)  
Старый 07.01.2015, 12:51
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Krio, если таблица небольшая, то дин. инпуты не обязательны - уже ведь говорил об этом.
Что касается красоты - то css тебе в помощь:
<style>
#table{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
#table, #table td{
    border: 1px solid #33C;
    padding: 0;
}
#table input{
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: #F9F9F9;
}
#table input:focus{
    outline: 1px solid red;
    background: #fff;
}
</style>
<table id="table">
    <tr>
        <td><input name="input[0][0]" /></td>
        <td><input name="input[0][1]" /></td>
    </tr>
    <tr>
        <td><input name="input[1][0]" /></td>
        <td><input name="input[1][1]" /></td>
    </tr>
</table>
<script>
    var table = document.getElementById('table');
    table.addEventListener('change', function(event) {
         var input = event.target;
         alert(input.name + '=' + input.value);
    });
</script>
__________________
В личку только с интересными предложениями
Ответить с цитированием