<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HEAD>
<meta http-equiv='content-type' content='text/html;charset=utf-8'>
<title>セレクト</title>
</HEAD>
<body bgcolor='#ffffff' topmargin="2" leftmargin="5" rightmargin="5">
<br>
<h1>セレクト</h1>
長さ固定<br>
<select style="width: 300px">
<option></option>
<option>項目1</option>
<option>項目2</option>
<option>項目3</option>
<option>項目4</option>
<option>項目5</option>
<option>項目6</option>
<option>項目7</option>
</select>
<br><br>
選択時に長く表示<br>
<select style="width:200px;" onfocus="this.style.width='800px';" onblur="this.
style.width='200px';">
<option></option>
<option>項目1</option>
<option>項目2</option>
<option>項目3</option>
<option>項目4</option>
<option>項目5</option>
<option>項目6</option>
<option>項目7</option>
</select>
</body></html>
0 件のコメント:
コメントを投稿