lovecoding
/
web0715


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        输入框: 
        <input type="text" v-model="message">
        <br>

        下拉框:
        <select v-model="part1">
            <option value="1">小学</option>
            <option value="2">初中</option>
            <option value="3">高中</option>
            <option value="4">大学</option>
        </select>
        <br>

        单选框：
        <input type="radio" v-model="part2" value="0">男
        <input type="radio" v-model="part2" value="1">女
        <br>
        多选框：
        <input type="checkbox" v-model="part3" value="1">篮球
        <input type="checkbox" v-model="part3" value="2">足球
        <input type="checkbox" v-model="part3" value="3">羽毛球
        <input type="checkbox" v-model="part3" value="4">乒乓球
        <input type="checkbox" v-model="part3" value="5">网球
        <br>
        文本域：
        <textarea v-model="part4"></textarea>
    </div>
    <script src="./vue.js"></script>
    <script>
        var app = new Vue({
            el:"#app",
            data:{
                message: "Hello Vue!",
                part1: "4",
                part2: '1',
                part3: ["2","4"],
                part4: '哈哈哈哈哈'
            }
        })
    </script>
</body>
</html>