Question

场景：

因此，我有以下html网页。
现在，我想要
- “提交”按钮前的另一个标题
- 并允许更多文本
- 用户输入字段，
- 然后在所有他们。

问题：
但是第一个下拉菜单显示后没有任何显示。
如果我注释下拉菜单，然后注释我的所有下一个<p>和<h3>元素正确显示，所以我认为问题出在我的下拉菜单上。

如何保留下拉菜单并在上方添加更多文本框提交按钮？

代码：

<html>

  <style>
  input[type=text] {
      width: 50%;
      box-sizing: border-box;
      border: 3px solid #ccc;
      border-radius: 3px;
      font-size: 16px;
      background-color: white;
  }
  input[type=number] {
      width: 50%;
      box-sizing: border-box;
      border: 3px solid #ccc;
      border-radius: 3px;
      font-size: 16px;
      background-color: white;
  }

  .container {
    width: 500px;
    clear: both;
  }

  .container input {
    width: 100%;
    clear: both;
    margin: auto;
  }

  .sbt {
    width: 20%;
  }

  input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:2px;
    cursor:pointer;
    border-radius: 5px; 
}

  .space{
    padding: 10px 10px;
  }

  </style>

<body >
<div class = "container">
<form action="/cdel" method="POST">
   <h1> Update Customers: </h1>
   <fieldset>
   <h3> SET: </h3>
   <p> 
    ID: <input id="id" type='number' name='customer_id' maxlength=10 placeholder="Enter ID"> 
   </p>
   <p>
    Name: <input id="name" type='text' name='name' maxlength=30 placeholder="Enter Name" >
   </p>
   <p>
    Contact1: <input id="cont1"  type='number' name='contact1' maxlength=10 placeholder="Enter contact...">
   </p>
   <p>
    Contact2: <input id="cont2" type='number' name='contact2' maxlength=10 placeholder="Enter contact...">
   </p>
   <p>
            Membership: <select id="mem" type='text' name='membership'>
              <option disabled selected value = "null"> </option>
              <option value= "Gold"> Gold </option>
              <option value= "Silver"> Silver </option>
              <option value= "Bronze"> Bronze </option>
              <option value= "None"> None </option>

  </p>

  <h3> WHERE: </h3>
  <p> why isn't this displaying? </p>
  <p> or this??? </p>
    <p>
    <script type="text/javascript" src="db.js"></script>
    <div class = "sbt">
      <input type = 'submit' name = "Submit" value = "submit" >
    </div>
  </p>

</fieldset>




</form>
</div>
</body>

</html>

HTML中的下拉菜单后无显示

0 个答案: