Question

我有一些移动和桌面版的代码。 FORM中的所有元素都是相同的，但代码块一次可见一个取决于屏幕大小（一个始终设置为display: none），

<div id="desktop">
  <div id="content">
    <form method="post" name="form_name" id="id_form">
      <input type="email" name="name_email" id="id_email">
      <input type="hidden" name="hidden_input" value="submit_sub">
      <a href="#" id="btnSub">SAVE</a>
    </form>
  </div>
</div>


<div id="mobile">
  <div id="content">
    <form method="post" name="form_name" id="id_form">
      <input type="email" name="name_email" id="id_email">
      <input type="hidden" name="hidden_input" value="submit_sub">
      <a href="#" id="btnSub">SAVE</a>
    </form>
  </div>
</div>

//some JQ code
    $("#btnSub").click(function(e) {
        e.preventDefault();
        if ($("#id_email").val() == "") {}
    });

//some PHP code
  if (isset($_POST["hidden_input"]) == "submit_sub") {}

上述代码对于桌面和移动设备看起来都是一样的，但实际上所有元素都是针对移动设备和桌面设置的。我的问题是：我可以对ID，NAME使用相同的命名，还是我应该分开，即使一次有可见的？如果没有，我必须像不同的ID一样改变，或者更改课程，我可以在哪里留下相同的命名？ 最好用正确的命名重写上面的例子。

我写这个问题的原因是我已经编写了一些代码并且无法正确运行它，我不知道我是应该更改所有内容还是一些事情应该只是不同的。所以，我想知道主要规则。

Answer 1

由于它们的格式不同，您可以使用相同的名称来发送数据，但如果您在JS代码中需要它们，则不应使用相同的名称，请尝试使用类。

ID对于页面是唯一的，而是使用类。

：）

同一个元素块一次可见，并且可靠命名

1 个答案: