Создание двух форм для отправки ортогонально распределенных входных данных без JavaScript - PullRequest
Новая
       9

Создание двух форм для отправки ортогонально распределенных входных данных без JavaScript

2 голосов
/ 25 марта 2012

Рассмотрим следующий фрагмент кода HTML: 

<input type="submit" value="Delete selected"><input type="submit" value="Print selected">
<div class="table">
  <div class="row">
    <span class="cell"><input type="checkbox" name="chose" value="1"></span>
    <span class="cell"><input type="text" name="name" value="Joe"></span>
    <span class="cell"><input type="text" name="age" value="23"></span>
    <span class="cell"><input type="submit" name="save" value="Save"></span>
    <span class="cell"><input type="submit" name="delete" value="Delete"></span>
  </div>
  <div class="row">
    <span class="cell"><input type="checkbox" name="chose" value="2"></span>
    <span class="cell"><input type="text" name="name" value="Jack"></span>
    <span class="cell"><input type="text" name="age" value="42"></span>
    <span class="cell"><input type="submit" name="save" value="Save"></span>
    <span class="cell"><input type="submit" name="delete" value="Delete"></span>
  </div>
</div>

Результатом является следующий документ:

enter image description here

Я хочу создать две формы таким образом, чтобы верхние кнопки отправляли ckeckboxes ...

enter image description here

... и кнопки строк представляют входные данные в одной строке:

enter image description here

Хотя в этом примере всего две строки, я хотел бы знать, как сделать это с произвольным числом строк. Кроме того, решение не должно использовать JavaScript (даже потому, что я все равно знаю, как это сделать с помощью JavaScript). OTOH можно изменить положение элементов и использовать CSS, если не изменил визуальный результат.

Итак, возможно ли это сделать?

Примечание : я использую <div> s вместо <table>, поэтому нам не нужно думать о правильности использования форм внутри таблиц.

1 Ответ

3 голосов
/ 25 марта 2012

Часть отправляемой информации о сообщении - это имя кнопки, которая использовалась для отправки со значением «Отправить».Если вы называете их соответственно, вы можете определить, какая строка должна быть сохранена.

...