Сценарий:
- Итак, у меня есть следующая 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>