Семантическая разметка для достижения последнего ряда редактируемого эффекта?

Question

Мне нужна таблица, которую можно добавить, просто набрав в последней строке и нажав кнопку «Добавить» в конце строки. Все остальные строки таблицы можно удалить, нажав кнопку в их правом столбце.

Моя проблема в том, что формы не могут переносить только одну строку и проверяться как XHTML. Если я заставлю форму обернуть всю таблицу, она будет включать строки, которые также имеют форму последней ячейки. И формы внутри форм определенно не действительны.

Предложения

Answer 1

Спасибо за разъяснение ситуации. На мой взгляд, у вас есть несколько вариантов:

1. Используете ли вы (можете ли вы использовать) JavaScript? Если это так, вы можете легко изменить URI отправки в зависимости от того, какая кнопка была нажата. Таким образом, вы можете избавиться от всех форм, кроме одной оберточной таблицы.

2. В качестве альтернативы, в зависимости от ваших требований, вы можете заменить свои кнопки «удалить» ссылками (возможно, в стиле кнопок), и в этом случае вам не понадобятся формы для их переноса. Обратите внимание, что этот подход не требует JavaScript, если вам не нужно обрабатывать ситуацию, когда кто-то начинает заполнять последнюю строку, а затем нажимает «удалить» в другой строке, и вы хотите сохранить неполные изменения, внесенные во входные данные последней строки. В этом случае вам все равно нужно будет использовать javascript для отправки формы, так что № 1, возможно, будет лучше.

3. Укуси пулю и отправь в тот же URI. Различают, какая кнопка была нажата по имени кнопки. Вы всегда можете перенаправить на соответствующий URI в этой точке.

4. Помирись с недействительным html: -)