Интересная есть задача.
Имеется некая форма, вложенность её оформления полностью кривое:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<table cellpadding=0 cellspacing=0 border=0 width="95%" align=center>
<form method=post enctype="multipart/form-data">
<tr>
<td>
<table cellpadding=4 cellspacing=0 border=0 width=100% class="tab">
<tr class="dats">
<td valign=middle nowrap><b>Название темы</b></td>
<td valign=middle nowrap><input class="tab" type=text name="intopictitle" style="width:450px" tabindex="1" size=40 maxlength=255 value=""></td>
</tr>
<td class="tab_down" valign=middle><b>Описание темы</b></td>
<td class="tab_down" valign=middle><input class="tab" type=text name="intopicdescription" tabindex="2" style="width:450px" size=40 maxlength=160 value=""></td>
</table>
</td>
<table cellpadding=2 cellspacing=0 border=0 width=100% class="tab_left_right_down">
<td valign=middle colspan=2 align=center height="22" >
<input class=tab type=Submit value=Отправить name="Submit" tabindex="4"> <input class=tab type="reset" name="Clear" tabindex="5">
</form>
</body>
</html>
В консоли разработчика видно, как браузер ЯКОБЫ видит эту форму:
Если обратиться к ней через JavaScript то увидим, что форма пустая:
Всё логично и понятно.
Но вот если мы нажмём на отправить форму, то браузер БЕЗ проблем отправит форму с данными, как будто вёрстка валидная:
Получается отрисовка и формирование форм это вообще не зависимые вещи и работают по разным правилам. Тогда возникает вопрос, а есть вариант взять всё же форму через JS не взирая на вёрстку?
рекомендую брали консультацию, на все мои вопросы ответили, бонусом дали контакт человека, который делает вайты