文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >HTML/Javascript -无法将style.display更改为none

问HTML/Javascript -无法将style.display更改为none
EN

Stack Overflow用户
提问于 2021-04-17 16:57:24
回答 2查看 128关注 0票数 0

我第一次尝试使用HTML中的表单。但不幸的是，我有一个问题我无法解决。我想在特定选择的选项中显示特定的窗体行。我可以将样式更改为display: block，但会永久显示一些表单行，并且可以将其更改为display: none以隐藏它。

这里是问题的视频预览： https://www.youtube.com/watch?v=WmEKfAOR7A8

或者在这里进行测试：https://bl4cklist.de/contact

我用于显示的JS代码：

​

代码语言：javascript
复制
function yesnoCheck() {

  // Allgemeine Fragen

  if (document.getElementById("yesCheck").selected) {
    document.getElementById("ifYes").style.display = "block";
    document.getElementById("ifYes1").style.display = "block";
    document.getElementById("ifYes2").style.display = "block";
    document.getElementById("ifYes3").style.display = "block";
    document.getElementById("ifYes4").style.display = "block";
    document.getElementById("ifYes5").style.display = "block";
    document.getElementById("formstart").scrollIntoView({
      behavior: 'smooth'
    });
  } else {
    document.getElementById("ifYes").style.display = "none";
    document.getElementById("ifYes1").style.display = "none";
    document.getElementById("ifYes2").style.display = "none";
    document.getElementById("ifYes3").style.display = "none";
    document.getElementById("ifYes4").style.display = "none";
    document.getElementById("ifYes5").style.display = "none";
  }

  // User-Report

  if (document.getElementById("yesCheck1").selected) {
    document.getElementById("ifYes").style.display = "none";
    document.getElementById("ifYes1").style.display = "none";
    document.getElementById("ifYes2").style.display = "none";
    document.getElementById("ifYes3").style.display = "none";
    document.getElementById("ifYes4").style.display = "none";
    document.getElementById("ifYes5").style.display = "none";
    document.getElementById("ifYes6").style.display = "block";
    document.getElementById("ifYes7").style.display = "block";
    document.getElementById("ifYes8").style.display = "block";
    document.getElementById("ifYes9").style.display = "block";
    document.getElementById("ifYes10").style.display = "block";
    document.getElementById("ifYes11").style.display = "block";
    document.getElementById("formstart").scrollIntoView({
      behavior: 'smooth'
    });
  } else {
    document.getElementById("ifYes6").style.display = "none";
    document.getElementById("ifYes7").style.display = "none";
    document.getElementById("ifYes8").style.display = "none";
    document.getElementById("ifYes9").style.display = "none";
    document.getElementById("ifYes10").style.display = "none";
    document.getElementById("ifYes11").style.display = "none";
  }

  // No Check

  if (document.getElementById("noCheck").selected) {
    document.getElementById("ifYes").style.display = "none";
    document.getElementById("ifYes1").style.display = "none";
    document.getElementById("ifYes2").style.display = "none";
    document.getElementById("ifYes3").style.display = "none";
    document.getElementById("ifYes4").style.display = "none";
    document.getElementById("ifYes5").style.display = "none";
  } else {
    document.getElementById("ifYes").style.display = "block";
    document.getElementById("ifYes1").style.display = "block";
    document.getElementById("ifYes2").style.display = "block";
    document.getElementById("ifYes3").style.display = "block";
    document.getElementById("ifYes4").style.display = "block";
    document.getElementById("ifYes5").style.display = "block";
  }
}
代码语言：javascript
复制
<div class="form-row">
  <div class="form-group col">
    <label class="mb-1 text-6"><img class="rounded" src="https://image.flaticon.com/icons/png/128/2222/2222355.png" height="30" width="30"> - Wie können wir dir helfen?</label>
    <div class="custom-select-1">

      <!-- Here is the JavaScript function started -->

      <select onchange="yesnoCheck(this);" class="form-control h-auto" name="city" required>
        <option id="noCheck" value="">Thema auswählen..</option>
        <option id="yesCheck" value="Allgemeine-Frage"> - Allgemeine Frage zu Bl4cklist</option>
        <option id="yesCheck1" value="User-Report"> - Server-Mitglied verstößt gegen Regeln</option>
        <option id="yesCheck2" value="Entsperrungs-Antrag"> - Mein Account wurde vom Server gesperrt</option>
      </select>
    </div>
  </div>
</div>

<!-- Allgemeine-Frage -->

<div class="form-row">
  <div class="form-group col-lg-6" id="ifYes" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Mein Name</label>
    <div class="position-relative">
      <i class="far fa-user-circle text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <input type="text" value="" placeholder="Max Mustermann" maxlength="100" class="form-control text-3 h-auto py-2" name="name" required style="padding:35px;">
      <div class="help-tip" style="top:-30px;left:97px;">
        <p>Trage ihn ein, damit wir dich persönlich ansprechen können.</p>
      </div>
    </div>
  </div>
  <div class="form-group col-lg-6" id="ifYes1" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Meine E-Mail Adresse</label>
    <div class="position-relative">
      <i class="far fa-paper-plane text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <input type="email" value="" placeholder="bl4cklistde@gmail.com" maxlength="100" class="form-control text-3 h-auto py-2" name="email" required style="padding:35px;">
      <div class="help-tip" style="top:-30px;left:175px;">
        <p>Trage hier deine E-Mail ein, damit wir dir antworten können.</p>
      </div>
    </div>
  </div>
</div>
<div class="form-row">
  <div class="form-group col-lg-6" id="ifYes2" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Überschrift</label>
    <div class="position-relative">
      <i class="far fa-edit text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <input type="text" value="" placeholder="Frage zu eurem Support-Bot" maxlength="50" class="form-control text-3 h-auto py-2" name="subject" required style="padding:35px;">
      <div class="help-tip" style="top:-30px;left:93px;">
        <p>Erkläre hier kurzgefasst worum es bei deinem Anliegen geht.</p>
      </div>
    </div>
  </div>
  <div class="form-group col-lg-6" id="ifYes3" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Thema deiner Frage</label>
    <div class="custom-select-1">
      <select class="form-control text-3 h-auto" name="city" maxlength="100" required>
        <option value="">Thema auswählen..</option>
        <option value="Webseite">Unsere Webseite</option>
        <option value="Discord-Bots">Unsere Discord-Bots</option>
        <option value="Discord-Server">Unser Discord-Server</option>
      </select>
    </div>
  </div>
</div>
<div class="form-row" id="ifYes4" style="display: none;">
  <div class="form-group col">
    <label class="mb-1 text-4">Erkläre nun dein Anliegen..</label>
    <div class="position-relative">
      <i class="far fa-comment-dots text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <textarea maxlength="2000" rows="5" placeholder="Verfasse eine Nachricht.." class="form-control text-3 h-auto py-2" name="message" required style="padding:35px;"></textarea>
    </div>
  </div>
</div>
<div class="form-row" id="ifYes5" style="display: none;">
  <div class="form-group col">
    <br />
    <input type="submit" name="finish1" value="Meine Frage abschicken" class="btn btn-primary btn-modern" data-loading-text="Laden..">
  </div>
</div>

<!-- User-Report -->

<div class="form-row">
  <div class="form-group col" id="ifYes6" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Mein Discord-Name
                                    <div class="help-tip" style="left:105px;"><p>Trage ihn ein, damit wir dich persönlich ansprechen können.</p></div>
                                </label>
    <input type="text" value="" placeholder="Max Mustermann" maxlength="100" class="form-control text-3 h-auto py-2" name="name" required>
  </div>
</div>
<div class="form-row">
  <div class="form-group col" id="ifYes7" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Meine E-Mail Adresse
                                    <div class="help-tip" style="left:180px;"><p>Trage hier deine E-Mail ein, damit wir dir antworten können.</p></div>
                                </label>
    <input type="email" value="" placeholder="bl4cklistde@gmail.com" maxlength="100" class="form-control text-3 h-auto py-2" name="email" required>
  </div>
</div>
<div class="form-row">
  <div class="form-group col" id="ifYes8" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Überschrift
                                    <div class="help-tip" style="left:105px;"><p>Erkläre hier kurzgefasst worum es bei deinem Anliegen geht.</p></div>
                                </label>
    <input type="text" value="" placeholder="Frage zu eurem Support-Bot" maxlength="50" class="form-control text-3 h-auto py-2" name="subject" required>
  </div>
</div>
<div class="form-row">
  <div class="form-group col" id="ifYes9" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Thema deiner Frage</label>
    <div class="custom-select-1">
      <select class="form-control h-auto" name="city" maxlength="100" required>
        <option value="">Thema auswählen..</option>
        <option value="Webseite">Unsere Webseite</option>
        <option value="Discord-Bots">Unsere Discord-Bots</option>
        <option value="Discord-Server">Unser Discord-Server</option>
      </select>
    </div>
  </div>
</div>
<div class="form-row" id="ifYes10" style="display: none;">
  <div class="form-group col">
    <label class="mb-1 text-4">Erkläre nun dein Anliegen..</label>
    <textarea maxlength="2000" rows="5" class="form-control text-3 h-auto py-2" name="message" required></textarea>
  </div>
</div>
<div class="form-row" id="ifYes11" style="display: none;">
  <div class="form-group col">
    <br />
    <input type="submit" name="finish1" value="Meine Frage abschicken" class="btn btn-primary btn-modern" data-loading-text="Laden..">
  </div>
</div>

​

javascript
html
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-04-17 17:37:26

我没有接触您的HTML (除了删除单个的display:none样式属性之外)，而是大大缩短了脚本。用于触发操作的信息是select元素的value，而不是它们的id。这些值可以是“Allgemeine”、“用户报告”、"“或"Entsperrungs-Antrag”。对于最后一种情况，我组成了一些要显示的元素，因为您的代码片段中缺少这些信息。

现在:根据所做的选择，我为document.querySelectorAll()调用使用了不同的CSS-选择器，这将使一些进一步的输入字段再次可见。正如您所看到的:结果是，重复次数减少，逻辑更加清晰。

​

代码语言：javascript
复制
function yesnoCheck(sel) {
  document.querySelectorAll(".show").forEach(d=>d.classList.remove("show"));
  document.getElementById("formstart").scrollIntoView({behavior:'smooth'});
  document.querySelectorAll(  
{ "Allgemeine-Frage"   :"#ifYes,#ifYes1,#ifYes2,#ifYes3,#ifYes4,#ifYes5",
  "User-Report"        :"#ifYes6,#ifYes7,#ifYes8,#ifYes9,#ifYes10,#ifYes11",
  "Entsperrungs-Antrag":"#ifYes,#ifYes1" }[sel.value]
  ).forEach(d=>d.classList.add("show"));
}
代码语言：javascript
复制
.show { display:block !important }
div[id^=ifYes] { display:none }
代码语言：javascript
复制
<p id="formstart" class="text-5 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="700">Fülle das untere Formular aus, um das Team zu kontaktieren.<br />Wir werden dir so schnell es geht professionell weiterhelfen.</p>
<div class="form-row">
  <div class="form-group col">
    <label class="mb-1 text-6"><img class="rounded" src="https://image.flaticon.com/icons/png/128/2222/2222355.png" height="30" width="30"> - Wie können wir dir helfen?</label>
    <div class="custom-select-1">

      <!-- Here is the JavaScript function started -->

      <select onchange="yesnoCheck(this);" class="form-control h-auto" name="city" required>
        <option id="noCheck" value="">Thema auswählen..</option>
        <option id="yesCheck" value="Allgemeine-Frage"> - Allgemeine Frage zu Bl4cklist</option>
        <option id="yesCheck1" value="User-Report"> - Server-Mitglied verstößt gegen Regeln</option>
        <option id="yesCheck2" value="Entsperrungs-Antrag"> - Mein Account wurde vom Server gesperrt</option>
      </select>
    </div>
  </div>
</div>

<!-- Allgemeine-Frage -->

<div class="form-row">
  <div class="form-group col-lg-6" id="ifYes" style="text-align: left;">
    <label class="mb-1 text-4">Mein Name</label>
    <div class="position-relative">
      <i class="far fa-user-circle text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <input type="text" value="" placeholder="Max Mustermann" maxlength="100" class="form-control text-3 h-auto py-2" name="name" required style="padding:35px;">
      <div class="help-tip" style="top:-30px;left:97px;">
        <p>Trage ihn ein, damit wir dich persönlich ansprechen können.</p>
      </div>
    </div>
  </div>
  <div class="form-group col-lg-6" id="ifYes1" style="text-align: left;">
    <label class="mb-1 text-4">Meine E-Mail Adresse</label>
    <div class="position-relative">
      <i class="far fa-paper-plane text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <input type="email" value="" placeholder="bl4cklistde@gmail.com" maxlength="100" class="form-control text-3 h-auto py-2" name="email" required style="padding:35px;">
      <div class="help-tip" style="top:-30px;left:175px;">
        <p>Trage hier deine E-Mail ein, damit wir dir antworten können.</p>
      </div>
    </div>
  </div>
</div>
<div class="form-row">
  <div class="form-group col-lg-6" id="ifYes2" style="text-align: left;">
    <label class="mb-1 text-4">Überschrift</label>
    <div class="position-relative">
      <i class="far fa-edit text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <input type="text" value="" placeholder="Frage zu eurem Support-Bot" maxlength="50" class="form-control text-3 h-auto py-2" name="subject" required style="padding:35px;">
      <div class="help-tip" style="top:-30px;left:93px;">
        <p>Erkläre hier kurzgefasst worum es bei deinem Anliegen geht.</p>
      </div>
    </div>
  </div>
  <div class="form-group col-lg-6" id="ifYes3" style="text-align: left;">
    <label class="mb-1 text-4">Thema deiner Frage</label>
    <div class="custom-select-1">
      <select class="form-control text-3 h-auto" name="city" maxlength="100" required>
        <option value="">Thema auswählen..</option>
        <option value="Webseite">Unsere Webseite</option>
        <option value="Discord-Bots">Unsere Discord-Bots</option>
        <option value="Discord-Server">Unser Discord-Server</option>
      </select>
    </div>
  </div>
</div>
<div class="form-row" id="ifYes4" style="">
  <div class="form-group col">
    <label class="mb-1 text-4">Erkläre nun dein Anliegen..</label>
    <div class="position-relative">
      <i class="far fa-comment-dots text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <textarea maxlength="2000" rows="5" placeholder="Verfasse eine Nachricht.." class="form-control text-3 h-auto py-2" name="message" required style="padding:35px;"></textarea>
    </div>
  </div>
</div>
<div class="form-row" id="ifYes5" style="">
  <div class="form-group col">
    <br />
    <input type="submit" name="finish1" value="Meine Frage abschicken" class="btn btn-primary btn-modern" data-loading-text="Laden..">
  </div>
</div>

<!-- User-Report -->

<div class="form-row">
  <div class="form-group col" id="ifYes6" style="text-align: left;">
    <label class="mb-1 text-4">Mein Discord-Name
                                    <div class="help-tip" style="left:105px;"><p>Trage ihn ein, damit wir dich persönlich ansprechen können.</p></div>
                                </label>
    <input type="text" value="" placeholder="Max Mustermann" maxlength="100" class="form-control text-3 h-auto py-2" name="name" required>
  </div>
</div>
<div class="form-row">
  <div class="form-group col" id="ifYes7" style="text-align: left;">
    <label class="mb-1 text-4">Meine E-Mail Adresse
                                    <div class="help-tip" style="left:180px;"><p>Trage hier deine E-Mail ein, damit wir dir antworten können.</p></div>
                                </label>
    <input type="email" value="" placeholder="bl4cklistde@gmail.com" maxlength="100" class="form-control text-3 h-auto py-2" name="email" required>
  </div>
</div>
<div class="form-row">
  <div class="form-group col" id="ifYes8" style="text-align: left;">
    <label class="mb-1 text-4">Überschrift
                                    <div class="help-tip" style="left:105px;"><p>Erkläre hier kurzgefasst worum es bei deinem Anliegen geht.</p></div>
                                </label>
    <input type="text" value="" placeholder="Frage zu eurem Support-Bot" maxlength="50" class="form-control text-3 h-auto py-2" name="subject" required>
  </div>
</div>
<div class="form-row">
  <div class="form-group col" id="ifYes9" style="text-align: left;">
    <label class="mb-1 text-4">Thema deiner Frage</label>
    <div class="custom-select-1">
      <select class="form-control h-auto" name="city" maxlength="100" required>
        <option value="">Thema auswählen..</option>
        <option value="Webseite">Unsere Webseite</option>
        <option value="Discord-Bots">Unsere Discord-Bots</option>
        <option value="Discord-Server">Unser Discord-Server</option>
      </select>
    </div>
  </div>
</div>
<div class="form-row" id="ifYes10" style="">
  <div class="form-group col">
    <label class="mb-1 text-4">Erkläre nun dein Anliegen..</label>
    <textarea maxlength="2000" rows="5" class="form-control text-3 h-auto py-2" name="message" required></textarea>
  </div>
</div>
<div class="form-row" id="ifYes11" style="">
  <div class="form-group col">
    <br />
    <input type="submit" name="finish1" value="Meine Frage abschicken" class="btn btn-primary btn-modern" data-loading-text="Laden..">
  </div>
</div>

​

票数 1
EN

Stack Overflow用户

发布于 2021-04-17 17:03:33

问题在于你的逻辑。

当用户选择yesCheck选项时，将显示所有这些DIVs。但是，您还会为yesCheck1和noCheck执行yesCheck1块和noCheck块，这会取消它的一些更改。

由于所有选项都是相互排斥的，因此您应该使用else if来逐步完成每个选项，并为其余的选项提供一个最终的else。

​

代码语言：javascript
复制
function yesnoCheck() {

  // Allgemeine Fragen

  if (document.getElementById("yesCheck").selected) {
    document.getElementById("ifYes").style.display = "block";
    document.getElementById("ifYes1").style.display = "block";
    document.getElementById("ifYes2").style.display = "block";
    document.getElementById("ifYes3").style.display = "block";
    document.getElementById("ifYes4").style.display = "block";
    document.getElementById("ifYes5").style.display = "block";
    document.getElementById("formstart").scrollIntoView({
      behavior: 'smooth'
    });
  }

  // User-Report
  else if (document.getElementById("yesCheck1").selected) {
    document.getElementById("ifYes").style.display = "none";
    document.getElementById("ifYes1").style.display = "none";
    document.getElementById("ifYes2").style.display = "none";
    document.getElementById("ifYes3").style.display = "none";
    document.getElementById("ifYes4").style.display = "none";
    document.getElementById("ifYes5").style.display = "none";
    document.getElementById("ifYes6").style.display = "block";
    document.getElementById("ifYes7").style.display = "block";
    document.getElementById("ifYes8").style.display = "block";
    document.getElementById("ifYes9").style.display = "block";
    document.getElementById("ifYes10").style.display = "block";
    document.getElementById("ifYes11").style.display = "block";
    document.getElementById("formstart").scrollIntoView({
      behavior: 'smooth'
    });
  }

  // No Check
  else if (document.getElementById("noCheck").selected) {
    document.getElementById("ifYes").style.display = "none";
    document.getElementById("ifYes1").style.display = "none";
    document.getElementById("ifYes2").style.display = "none";
    document.getElementById("ifYes3").style.display = "none";
    document.getElementById("ifYes4").style.display = "none";
    document.getElementById("ifYes5").style.display = "none";
  }

  // Entsperrungs Antrag
  else {
    document.getElementById("ifYes").style.display = "block";
    document.getElementById("ifYes1").style.display = "block";
    document.getElementById("ifYes2").style.display = "block";
    document.getElementById("ifYes3").style.display = "block";
    document.getElementById("ifYes4").style.display = "block";
    document.getElementById("ifYes5").style.display = "block";
  }
}
代码语言：javascript
复制
<div class="form-row">
  <div class="form-group col">
    <label class="mb-1 text-6"><img class="rounded" src="https://image.flaticon.com/icons/png/128/2222/2222355.png" height="30" width="30"> - Wie können wir dir helfen?</label>
    <div class="custom-select-1">

      <!-- Here is the JavaScript function started -->

      <select onchange="yesnoCheck(this);" class="form-control h-auto" name="city" required>
        <option id="noCheck" value="">Thema auswählen..</option>
        <option id="yesCheck" value="Allgemeine-Frage"> - Allgemeine Frage zu Bl4cklist</option>
        <option id="yesCheck1" value="User-Report"> - Server-Mitglied verstößt gegen Regeln</option>
        <option id="yesCheck2" value="Entsperrungs-Antrag"> - Mein Account wurde vom Server gesperrt</option>
      </select>
    </div>
  </div>
</div>

<!-- Allgemeine-Frage -->

<div class="form-row">
  <div class="form-group col-lg-6" id="ifYes" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Mein Name</label>
    <div class="position-relative">
      <i class="far fa-user-circle text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <input type="text" value="" placeholder="Max Mustermann" maxlength="100" class="form-control text-3 h-auto py-2" name="name" required style="padding:35px;">
      <div class="help-tip" style="top:-30px;left:97px;">
        <p>Trage ihn ein, damit wir dich persönlich ansprechen können.</p>
      </div>
    </div>
  </div>
  <div class="form-group col-lg-6" id="ifYes1" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Meine E-Mail Adresse</label>
    <div class="position-relative">
      <i class="far fa-paper-plane text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <input type="email" value="" placeholder="bl4cklistde@gmail.com" maxlength="100" class="form-control text-3 h-auto py-2" name="email" required style="padding:35px;">
      <div class="help-tip" style="top:-30px;left:175px;">
        <p>Trage hier deine E-Mail ein, damit wir dir antworten können.</p>
      </div>
    </div>
  </div>
</div>
<div class="form-row">
  <div class="form-group col-lg-6" id="ifYes2" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Überschrift</label>
    <div class="position-relative">
      <i class="far fa-edit text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <input type="text" value="" placeholder="Frage zu eurem Support-Bot" maxlength="50" class="form-control text-3 h-auto py-2" name="subject" required style="padding:35px;">
      <div class="help-tip" style="top:-30px;left:93px;">
        <p>Erkläre hier kurzgefasst worum es bei deinem Anliegen geht.</p>
      </div>
    </div>
  </div>
  <div class="form-group col-lg-6" id="ifYes3" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Thema deiner Frage</label>
    <div class="custom-select-1">
      <select class="form-control text-3 h-auto" name="city" maxlength="100" required>
        <option value="">Thema auswählen..</option>
        <option value="Webseite">Unsere Webseite</option>
        <option value="Discord-Bots">Unsere Discord-Bots</option>
        <option value="Discord-Server">Unser Discord-Server</option>
      </select>
    </div>
  </div>
</div>
<div class="form-row" id="ifYes4" style="display: none;">
  <div class="form-group col">
    <label class="mb-1 text-4">Erkläre nun dein Anliegen..</label>
    <div class="position-relative">
      <i class="far fa-comment-dots text-color-primary text-3 position-absolute left-10 top-50pct transform3dy-n50"></i>
      <textarea maxlength="2000" rows="5" placeholder="Verfasse eine Nachricht.." class="form-control text-3 h-auto py-2" name="message" required style="padding:35px;"></textarea>
    </div>
  </div>
</div>
<div class="form-row" id="ifYes5" style="display: none;">
  <div class="form-group col">
    <br />
    <input type="submit" name="finish1" value="Meine Frage abschicken" class="btn btn-primary btn-modern" data-loading-text="Laden..">
  </div>
</div>

<!-- User-Report -->

<div class="form-row">
  <div class="form-group col" id="ifYes6" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Mein Discord-Name
                                    <div class="help-tip" style="left:105px;"><p>Trage ihn ein, damit wir dich persönlich ansprechen können.</p></div>
                                </label>
    <input type="text" value="" placeholder="Max Mustermann" maxlength="100" class="form-control text-3 h-auto py-2" name="name" required>
  </div>
</div>
<div class="form-row">
  <div class="form-group col" id="ifYes7" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Meine E-Mail Adresse
                                    <div class="help-tip" style="left:180px;"><p>Trage hier deine E-Mail ein, damit wir dir antworten können.</p></div>
                                </label>
    <input type="email" value="" placeholder="bl4cklistde@gmail.com" maxlength="100" class="form-control text-3 h-auto py-2" name="email" required>
  </div>
</div>
<div class="form-row">
  <div class="form-group col" id="ifYes8" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Überschrift
                                    <div class="help-tip" style="left:105px;"><p>Erkläre hier kurzgefasst worum es bei deinem Anliegen geht.</p></div>
                                </label>
    <input type="text" value="" placeholder="Frage zu eurem Support-Bot" maxlength="50" class="form-control text-3 h-auto py-2" name="subject" required>
  </div>
</div>
<div class="form-row">
  <div class="form-group col" id="ifYes9" style="display: none;text-align: left;">
    <label class="mb-1 text-4">Thema deiner Frage</label>
    <div class="custom-select-1">
      <select class="form-control h-auto" name="city" maxlength="100" required>
        <option value="">Thema auswählen..</option>
        <option value="Webseite">Unsere Webseite</option>
        <option value="Discord-Bots">Unsere Discord-Bots</option>
        <option value="Discord-Server">Unser Discord-Server</option>
      </select>
    </div>
  </div>
</div>
<div class="form-row" id="ifYes10" style="display: none;">
  <div class="form-group col">
    <label class="mb-1 text-4">Erkläre nun dein Anliegen..</label>
    <textarea maxlength="2000" rows="5" class="form-control text-3 h-auto py-2" name="message" required></textarea>
  </div>
</div>
<div class="form-row" id="ifYes11" style="display: none;">
  <div class="form-group col">
    <br />
    <input type="submit" name="finish1" value="Meine Frage abschicken" class="btn btn-primary btn-modern" data-loading-text="Laden..">
  </div>
</div>

​

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/67140739

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档