フォームは、ボックス入力[タイプ=「チェックボックスを」]チェック

<！DOCTYPE HTML > 
< HTML LANG = "ZH" > 

< 頭> 
    < タイトル> </ タイトル> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1" > 
    < スクリプトSRC = "https://unpkg.com/vue/dist/vue.js" > </ スクリプト> 
    < リンクのhref = "../ CSS / style.cssに" REL = "スタイルシート" 
ボディ> 
< DIV ID = "て、myApp" > 
    < のH1 >フォームチェック</ のH1 > 
    < INPUTの種類= "チェックボックス" ID = "バイオハザード。7" 値= "バイオハザード。7" V-MODEL = "checkedGames" > 
    < ラベルのため=「バイオハザード7」>バイオハザード7 </ ラベル> 
    < INPUT タイプの=「チェックボックス」上記ID述べ=「フライトシミュレータ」値=「フライトシミュレータ」Vモデル= "checkedGames」 > 
    < ラベルについて= "フライトシミュレータ" >フライトシミュレータ</ ラベル> 
    < INPUTの種類= "チェックボックス" ID = "ゼルダ" 値= "ゼルダ" V-モデル= "checkedGames" > 
    < ラベル用=「発売伝説の" >ゼルダの伝説</ ラベル> 
    < BR > 
    < p型>選択のあなたのゲームがある：checkedGames {{}} </ p型> 
</ divの> 
< スクリプト>
    VAR て、myApp =  採光窓ヴュー、（{ 
        エル：''#myApp ' 、
        データ：{ 
            checkedGames：[] 
        }、
        メソッド：{ 
        } 
    }）。
</ スクリプト> 
</ ボディ> 

</ HTML >