Размер <select>, <option>

Alex&R · June 1, 2010

Подскажите такую вот штуку.

Есть форма:

<form>
 <select>
  <option>
1111111111
  </option>
  <option>
2222
  </option>
 </select>
</form>

то есть <select> будет иметь ширину 1111111111. Как сделать так, что бы в закрытом состоянии <select> была конкретного размера, а список, который раскрывается, другого. Вот как здесь.

psywalker · June 1, 2010

селект растягивается по размеру своей самой большой строки, всё верно, это сделано для твоего же удобства.

Alex&R · June 1, 2010

селект растягивается по размеру своей самой большой строки, всё верно, это сделано для твоего же удобства.

А ты переходил по ссылке, видел как там?

psywalker · June 1, 2010

А ты переходил по ссылке, видел как там?

Да, но я не вижу в этом ничего странного, вот тебе отличный пример. Скопируй, посмотри.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Список</title>
  <style type="text/css">
	  select { width: 100px;}
  </style>
 </head>
 <body>
  <form action="handler.php">
   <p><select>
	<optgroup label="Русская кухня">
	 <option value="r1">Закуска Барская</option>
	 <option value="r2">Раки, фаршированные по-царски</option>
	 <option value="r3">Биточки в горшочке</option>
	</optgroup>
	<optgroup label="Украинская кухня">
	 <option value="u1">Галушки славянские</option>
	 <option value="u2">Пампушки украинские</option>
	 <option value="u3">Жаркое по-харьковски</option>
	</optgroup>
   </select></p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

Sign In

Размер <select>, <option>

Question

Alex&R

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Alex&R

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information