Падащ списък с опции - задължителен избор

Post Reply
djidja83
Нов
Нов
Posts: 45
Joined: Sat Jan 02, 2016 9:49 pm

Падащ списък с опции - задължителен избор

Post by djidja83 » Mon Jun 25, 2018 5:02 pm

Здравейте,

Как да направя от падащ списък с опции да е задължително избирането на една опция. Ето кода:
[html] <div id="content">
<h2>Моля попълнете полетата по-долу!</h2>
<form action="math1.php" method="POST">
<table border=0>
<tr><td>Обиколка на талията в сантиметри: </td><td><input type="text" name="a" pattern="[0-9]{2,3}" title="Моля въведете валидна цифрова стойност!"></td></tr>
<tr><td>Обиколка на ханша в сантиметри: </td><td><input type="text" name="b" pattern="[0-9]{2,3}" title="Моля въведете валидна цифрова стойност!"></td></tr>
<tr><td>Височина в сантиметри: </td><td><input type="text" name="c" pattern="[0-9]{3}" title="Моля въведете валидна цифрова стойност!"></td></tr>
<tr><td>Тегло в килограми: </td><td><input type="text" name="d" pattern="[0-9]{2,3}" title="Моля въведете валидна цифрова стойност!"></td></tr>
<tr><td>Начин на живот: </td><td><select name="activity" size="1">
<option selected disabled> Моля изберете начин на живот!</option>
<option value="1.0">Заседнал начин на живот</option>
<option value="1.2">Лека активност (ходене пеша)</option>
<option value="1.4">Спортуване 3 пъти седмично по 30 минути</option>
<option value="1.6">Спортуване 5 пъти седмично по 1 час</option>
<option value="1.8">Спортуване 5 пъти седмично по 2 часа</option>
<option value="2.0">Трениране всеки ден</option>
</td></tr>
<tr><td colspan=2 align=right><input type=submit name="operation" value=Изчисли></td></tr>


</table>
</form>
</div> [/html]

pix3l
Нов
Нов
Posts: 153
Joined: Sat Oct 08, 2016 2:31 pm

Post by pix3l » Mon Jun 25, 2018 5:25 pm

[html]
<select required>
[/html]

djidja83
Нов
Нов
Posts: 45
Joined: Sat Jan 02, 2016 9:49 pm

Post by djidja83 » Mon Jun 25, 2018 5:59 pm

pix3l wrote:[html]
<select required>
[/html]
Като сложа <select> списъка ми излиза ето така, а не като падащ и съответно нищо не може да се избере.

Моля изберете начин на живот!
Заседнал начин на живот
Лека активност (ходене пеша)
Спортуване 3 пъти седмично по 30 минути
Спортуване 5 пъти седмично по 1 часСпортуване 5 пъти седмично по 2 часа
Трениране всеки ден

User avatar
Revelation
Web-tourist
Web-tourist
Posts: 804
Joined: Sun Mar 24, 2013 1:23 pm
Answers: 57

Post by Revelation » Mon Jun 25, 2018 6:38 pm

1. Не си затворил(не знам защо ника ти ме кара да се обръщам с женски род към теб и все си преправям мнението) select тага между другото.

2. Иначе точно това ти трябва - required атрибута.

[html]<select name="activity" required size="1">
[/html]

Обаче трябва да направиш и друга промяна:

[html]
<option selected disabled> Моля изберете начин на живот!</option>
[/html]

На това трябва да добавиш едно value="", за да кажеш, че тази опция не е реален избор.

djidja83
Нов
Нов
Posts: 45
Joined: Sat Jan 02, 2016 9:49 pm

Post by djidja83 » Mon Jun 25, 2018 6:51 pm

Revelation wrote:1. Не си затворил(не знам защо ника ти ме кара да се обръщам с женски род към теб и все си преправям мнението) select тага между другото.

2. Иначе точно това ти трябва - required атрибута.

[html]<select name="activity" required size="1">
[/html]

Обаче трябва да направиш и друга промяна:

[html]
<option selected disabled> Моля изберете начин на живот!</option>
[/html]

На това трябва да добавиш едно value="", за да кажеш, че тази опция не е реален избор.
Да жена съм, но няма проблем - важна е помощта, не обръщението :).

Защо не съм затворила <select> и аз не зная. Направих както ми каза и сега всичко е наред.

Благодаря!

Post Reply