Как получить Submit через клавишу Enter, работающую на Chrome и Firefox (через input type="submit") с доступом только к CSS
У меня проблема с тем, что клавиша ввода не передает данные в форму, когда клавиша ввода нажимается в Chrome и Firefox, вам нужно нажать на ссылку:
onclick="javascript:document.EntryForm.TargetAction.value = 'NewDocument'; document.EntryForm.submit();"
Я считаю, что это потому, что документ не хватает input type="submit"
Так что я хотел бы добавить его на страницу.
Проблема заключается в том, что страница генерируется динамически с помощью Sage CRM, которая, по мнению нашей команды Sage, не дает нам доступа к изменению сценариев. Однако я нашел CSS! Я использовал CSS в прошлом, чтобы изменить некоторые аспекты интерфейса.
Другая проблема заключается в том, что, хотя Sage CRM является относительно новой системой (как мне сказали), она была создана, когда Sage продала ACT! HTML, кажется, не соответствует тому, что я бы назвал лучшими практиками (HTML4, без DOCTYPE, элементы глубиной 20 таблиц, очень мало тегов класса и меньше тегов ID, я думаю, что в этом случае нам повезло с классом.ButtonItem)
Я планирую изменить эту ссылку (одну из множества ссылок без идентификаторов) на тип ввода отправки, используя css content: and:after и:nth-of-type(1)
<TABLE class=ButtonGroup>
<TBODY>
<TR>
<TD class=ButtonItem>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD width=32><A onfocus="if (event && event.altKey) click();" class=ButtonItem accessKey=F href="javascript:try{checkSubmit(document.EntryForm);}catch(e){document.EntryForm.submit();}"><IMG border=0 src="/CRM/Themes/img/default/Buttons/Search.gif" align=middle></A></TD>
<TD> </TD>
<TD><A onfocus="if (event && event.altKey) click();" class=ButtonItem accessKey=F href="javascript:try{checkSubmit(document.EntryForm);}catch(e){document.EntryForm.submit();}"><FONT style="TEXT-DECORATION: underline">F</FONT>ind</A></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD class=ButtonItem>
<TABLE>
<TBODY>
<TR>
<TD><A>a</A></TD>
<TD><!-- Many more of these rows --></TD>
<TD><A>a</FONT>ear</A></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
Таким образом вы бы заставили отправку на ввод, и если да, то как бы вы выбрали CSS и вставили HTML?
И как получается, что IExplorer знает, что делать, когда я нажимаю return, а Firefox/Chrome - нет, если не указан параметр submit? Лучшая догадка?