javascript - 是否可以仅使用 JS 创建表单?

标签 javascript webforms

我正在尝试仅使用 JavaScript 创建一个表单。 我的意思是为网页创建一个表单,向其中添加元素,设置它们的值并提交表单。
此外,如果浏览器中禁用了 JavaScript,则应提交正常的 HTML 表单。

有什么办法可以实现这一点吗?

最佳答案

有一个普通的HTML表单,用JS隐藏它。一个没有闪烁的好方法是:

<body>
  <script type="text/javascript">
    document.getElementsByTagName('body')[0].className = "js"
  </script>
  <style type="text/css">
    body.js #no_javascript_form { display: none; }
  </style>
  <form id="no_javascript_form">...</form>
</body>

然后创建<form>动态地。使用 jQuery,您可以执行以下操作:

<div id="form_placeholder"></div>
<script type="text/javascript">
  $('#form_placeholder').append(
    $('<form/>')
      .append('<input type="text"/>')
      .append('<button type="submit">submit</button>')
  );
</script>

关于javascript - 是否可以仅使用 JS 创建表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1642580/

相关文章:

javascript - 在 JavaScript 中调用函数时自定义

javascript - 插入表格行并从原始行中删除按钮

c# - 在哪里设置变量,以便它们在回发时不为空?

c# - 如何防止在本地缓存 PDF?

webforms - 验证码图像未以 Sitecore Web 表单呈现给营销人员

javascript - Rails respond_to 究竟是如何工作的?

javascript - jQuery: removeAttr ("disabled") 在 Firefox 上不工作

javascript对象属性不显示

c# - 如何在运行时更改页面的母版页?

.net - RazorEngine:可以在 Webforms 应用程序中使用吗?