Всем нам уже давно знакомо свойство HTML форм – method. Как известно это свойство определяет способ передачи данных от формы обработчику.
JavaScript может самостоятельно определять и изменять значение этого свойства, как и множества других.
Пример:
| <FORM NAME=m ACTION="javascript:window.alert('Мы используем JavaScript – код в качестве an URL');void(0);" method="post"> <INPUT TYPE=button onClick="window.document.m.method='post'; window.alert('метод POST активирован');" VALUE="Метод POST"> <INPUT TYPE=button onClick="window.document.m.method='get'; window.alert('метод GET активирован'=);" VALUE="Метод GET"> <INPUT TYPE=submit VALUE="JavaScript в ACTION"> </FORM>
| |
В данном примере мы создаем простую html форму, состоящую из трех кнопок. В первую кнопку под названием Метод POST встроен обработчик события onClick, который позволяет изменить значение метода на POST:
window.document.m.method='post';
Во вторую кнопку с названием Метод GET аналогичным образом встроен обработчик onClick:
window.document.m.method='get';
Таким образом JS позволяет в режиме реального времени изменять метод передачи данных от формы, что может оказаться очень полезным при создании универсальных форм, способных встраиваться в различные html страницы.