javascript - 如何在没有服务器的情况下使用 HTML 表单

Question

我不是网络开发人员，我想了解传递变量的更好方法。过去我使用过各种方法将东西传递给 java 脚本函数。我从来没有使用过表单，因为我总是将它们与服务器和数据库相关联。我有一个网站，其中用户选择会更改网站的内容。

我想知道您是否可以在没有任何服务器的情况下使用表单，只是将一些内容传递给用于更改页面内容的 javascript 函数。例如，如果有人选择男性，则页面背景变为蓝色，如果他们选择女性，则背景变为粉红色。表单是要走的路，只是在提交时调用 javascript 函数吗？我实际上如何将表单内容传递给 javascript 函数？

Answer 1

是的，您绝对可以使用表单/输入/任何类型的 html 元素，而无需与服务器通信，只是不要期望存储该数据!关于使用事件(如您提到的 onsubmit 事件)来触发 Javascript 函数，您是正确的。

这是一个快速而肮脏的例子(重在肮脏)，它确实有点像你想要的。请注意，我没有在颜色更改之前等待表单提交，而是在他们从下拉列表中选择性别后立即执行。

http://jsfiddle.net/wG8K4/1/