今天完成的事情：任务二静态页面进一步优化，添加了滑块效果，并于输入框的数值相关联。
明天计划的事情：实现任务二的全部功能
遇到的问题：输入框需要限定只能输入两位数字，需要通过正则表达式进行判断：

<p>请输入玩家数量
    <label for="text">
        <input type="text"  id="text" maxlength="2" value="8" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />
        </p>

‍‍o‍‍nke‍‍yup 事件会在键盘按键被松开时发生，具体含义还没能完全理解透，但是明白网页表单输入框中，限制输入手机号，汉字，任意位数小数等功能都可以借此实现。

收获：

HTML5新属性滑块功能的实现，需要注意一点的是直接给range设置属性是没有作用的，‍‍这里需要用到一个属性‍‍‍‍-webkit-appearance。

-webkit-appearance的CSS属性用于webkit浏览器来显示一个元素使用平台的本地样式基于操作系统的主题。我们需要把这个属性干掉。其他浏览器都有对应的属性。

这个属性有很多值，不同的值可以让它显示不同的样子。

此外，如果想要具体设置滑块属性，内轨道，，外轨道的属性，则需要依此设置-webkit-slider-thumb等属性，注意range这个属性在火狐及IE里都不能正确显示。