Inputs类

pandyle使用Inputs类来管理用户的输入。

• 创建：使用$(...).inputs()来创建Inputs类的实例，该实例获取指定元素下面所有表单元素的输入数据（表单元素不需要包含在<form>元素内）。也可使用new Pandyle.Inputs(element)来创建实例。

• Inputs拥有以下两个方法：

1. data()：将表单元素的数据映射为对象并返回。

2. set(data): 设置指定字段的值并更新对应的表单元素。

    <div>
        <p>
            姓名： <input type="text" name="name">
        </p>
        <p>
            性别： 
            <label>
                男
                <input type="radio" name="sex" value="1">
            </label>
            <label>
                女
                <input type="radio" name="sex" value="2">
            </label>
        </p>
        <p>
            职位：
            <select name="marriage">
                <option value="0">请选择</option>
                <option value="1">码农</option>
                <option value="2">设计</option>
                <option value="3">PM</option>
            </select>
        </p>
        <button onclick="output()">输出</button>
        <button onclick="reset()">重置</button>
    </div>
   
    <script>
        var inputs = $('div').inputs();
   
        function output(){
            console.log(inputs.data());
            
        }
   
        function reset(){
            inputs.set({
                name: '',
                sex: '',
                job: 0
            })
        }
    </script>