xxxxxxxxxx270
<html lang="ja"> <head> <link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/earlyaccess/hannari.css" rel="stylesheet" /> <meta charset="utf-8" /> <title>jQuery Auto Complete</title> <style> .container { margin: 100px auto; text-align: center; } #inputField { width: 300px; height: 40px; font-size: 18px; } </style> </head> <body> <div class="container"> <h2><font face="ＭＳ ゴシック">る攻めのすゝめ</font></h2> <input type="text" id="inputField" /> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script> var data = [ "ルー（カレー）", "ルル（風邪薬）", "ルール", "ルチル（宝石）", "ルーブル（通貨単位）", "ルーラル（rural）", "ルーテル（キリスト教の教派）", "ル・クプル（音楽ユニット）", "ルイビル（ケンタッキー州の都市）", "ルマエル（天使）", "ルムヤル（天使）", "ルノアール（カフェ）", "ルノワール（画家）", "ルミノール反応", "ルイドール（フランスの金貨）", "ルイ・ヒール（ヒールの種類）", "ルミエール（仏語「光」）", "ルミナール（薬）", "ル・ノーブル（食器専門店）", "ル・アーブル（フランスの都市）", "レ・ミゼラブル", "ル・シャトル（列車）", "ルシフェル（堕天使）", "ルファエル（天使）", "ルー＝ガルー（小説・映画）", "ル・テリブル（駆逐艦）", "ルメートル（陸上選手）", "ルチャブル（ポケモン）", "ルクソール（都市）", "ルイ・リエル（政治家）", "ループコイル（コイル）", "ルーズボール（こぼれ球）", "ルーフレール（車の屋根につけるやつ）", "ルビンバジル", "るるるコール（大阪ガスのサービス）", "ルート", "ルートビール", "ビール", "ル・ベルクール（レストラン）", "ルアーボール（モンスターボール）", "ル・スコアール（管弦楽団）", "ループメール（メールがループすること）", "ルイ・テナール（化学者）", "ルネ・クレール（映画監督）", "ルイス・キャロル", "るるぶ", "るるぶトラベル", "ルーアンアヒル", "アヒル", "ル・ルドゥタブル（原子力潜水艦）", "ルイ・パスツール（細菌学者）", "ルイス・デル・ソル（サッカー選手）", "ルイス・トサール（スペインの俳優）", "ルイス・カブラル（大統領）", "ルチルクォーツ", "ループコースパズル", "ルークプラザホテル", "ホテル", "ル・メリディアンホテル", "ルイズ・ブニュエル（映画監督・俳優）", "ポルトガル", "アイドル", "アクセル", "アサヒビール", "ノーマル", "アブノーマル", "アルコール", "アンコール", "インタンブール", "インターポール", "ウール", "ウェディングベル", "エイプリルフール", "フール（fool）", "エタノール", "オーエル（OL）", "オリエンタル", "オリジナル", "カーニバル", "キリンビール", "キャミソール", "キャンセル", "クロール", "コレステロール", "さる（猿）", "サンポール", "シャープペンシル", "シャッフル", "シュール", "シンガポール", "シンバル", "シンプル", "スキル", "スクール", "スケジュール", "スクロール", "スタイル", "セニョール", "セントラル", "ソウル", "ソフトボール", "タイトル", "タイル", "チロル", "ツール", "トータル", "トーテンポール", "ナイチンゲール", "ニヒル", "ヌードル", "ネイル", "ノーマル", "はる（春）", "ひる（昼）", "ファール", "ファイル", "ヘアスタイル", "ホール", "ホノルル", "マンホール", "ミラクル", "メール", "メートル", "ミリメートル", "メンソール", "センチメートル", "メンタル", "モバイル", "モラル", "ヨーデル", "よる（夜）", "夜遊び", "ラベル", "ランドセル", "リアル", "リキュール", "リコール", "レール", "レッテル", "ロックンロール", "ワコール", "ギャル", "グーグル", "ザイール", "ゴール", "バーベル", "ハードル", "ビル", "ポール", "ボール", "ボディビル", "プール", "プラレール", "ペンシル", "ウル（古代都市）", "エル（建築用語）", "オル（スポーツ選手）", "ガル（物理用語）", "キル（kill）", "グル（言語）", "ゲル（化学用語）", "ゴル（モンゴル語「川」）", "しる（汁）", "シル（地質学用語）", "ジル（楽器のひとつ）", "セル（細胞）", "ソル（古ローマの神）", "ゾル（化学用語）", "ダル（dull）", "ノヅル", "ツル（鶴）", "都留（都市）", "パイナップル", "デル（DELL）", "トル（圧力の単位）", "ドル（単位）", "オーストラリアドル", "ネル（布地）", "ノル（化学用語）", "バル（都市）", "パル（親友）", "ヒル（虫）", "ビル（通貨単位）", "ピル（薬）", "ブル（雄牛）", "プル（引っ張る行為）", "ヘル（女神）", "ベル（楽器）", "ミル（長さの単位）", "モル（物理単位）", "アイル（座席の間の通路）", "アウル（鳥）", "アガール（民族装備）", "アシル（ユダヤ暦の第六月）", "アベル（聖書登場人物）", "アルル（契約を義務付けるためのお金）", "アレル（対立形質・対立遺伝子）", "イェル（トルコ語「風」）", "イカル（鳥）", "イヤル（ユダヤ暦の第八月）", "イール（英語でウナギ）", "ウィル（決意）", "ウェル（井戸）", "ウラル（オートバイ）", "エゲル（ハンガリーの県）", "エチル", "エルル（ユダヤ暦の第１２月）", "エール（国）", "エール（応援）", "オイル", "オウル（ポルトガル語で「金」）", "オグル（英語で「色目」", "オール", "カエル", ]; $(function(){ $("#inputField").autocomplete({ source: function(request, response) { response( $.grep(data, function(value){ return value.indexOf(request.term) === 0; }) ); }, }); }); </script> </body></html>