Chromeでページを翻訳した際にinputタグが動かない

eye catch image

Chromeの翻訳機能を使ってページを翻訳した際に、inputボタンがサブミット出来ない事案が発生。 経緯 翻訳したページでボタン(input[type=submit])が実行できないとの報告が上がる 翻訳前の状態では問題なくサブミットできるのに、翻訳後にサブミットできない事象を再現 調べてみるとHTMLの構造に問題があることがわかった 事象 翻訳前は問題なくサブミットできるのに… 翻訳後はサブミットできない。 原因 formタグがtableタグとtrタグの間にあったため。 <!DOCTYPE html> <html lang=”ja”> <head> <title>サンプルHTML</title> </head> <body> <table> <!– tableタグとtrタグの間にformタグがあることが原因 –> <form action=”submit.html” method=”post”> <tr> <td> <input type=”submit” value=”サブミット”> </td> </tr> </form> </table> </body> </html> 対策/修正方法 formタグをtableの外、またはtdの中に移動する。 ⇛tableタグとtrタグの間に他のタグが無い状態にする <!DOCTYPE html> <html lang=”ja”> <head> <title>サンプルHTML</title> </head> <body> <form action=”submit.html” method=”post”> <table> <tr> <td> <input type=”submit” …