textbox2.html 1.19 KB

Raw Blame History Permalink

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Google Suggest風のテキストボックス</title>
<link href="common.css" rel="stylesheet" type="text/css" />
<link href="textbox2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="textbox2.js"></script>
</head>
<body bgcolor="#ffffff">

<h1>Google Suggest風のテキストボックス</h1>
<p>
  商品コードに"a", "b", "c"のいずれかを入力すると、該当の商品コードと商品名の一覧がリストアップ表示されます。
  それらの一つをクリックすると、商品コード、商品名のテキストボックスに値がセットされます。
</p>
<form action="">
<p>
  <label for="code">■ 商品コード </label>：
  <input type="text" id="code" name="code" size="5" autocomplete="off" />
</p>
<p>
  <label for="item">■ 商品名 </label>：
  <input type="text" id="item" name="item" size="40" autocomplete="off" />
</p>
</form>

</body>
</html>