【teemo】[20161123][作业03][html]极客学院WEB大前端班级html课程作业03

20161123 初版

 

1、课程作业要求：

　　https://files.cnblogs.com/files/foresthouse/html%E4%BD%9C%E4%B8%9A03.docx.zip

2、课程作业结果

　　https://files.cnblogs.com/files/foresthouse/html_hw_03.zip

3、课程作业新知识点

• <select>标签，选中的默认值设置为“--请选择--”，value设置为空，默认选中：

 <option checked value="">--选择月份--</option> 

• <input>标签，type="number"，自动进行数字的校验并且输入框右边又增减按钮；

             可以设置数字类型上下限，max=xxx，min=xxx；

             step属性设置输入框右边增减按钮一次增加或减少的数字

• 多个radio组成的单选选项，实现同时只有一个radio被选中：将单选框进行分组，分组方法是将多个radio设置同一个name属性

<p>
        感兴趣的职位：
        <input type="radio" name="offer" ／>Web设计
        <input type="radio" name="offer" ／>Web开发
    </p>

• radio、checkbox默认选中是添加checked属性，selected默认选中是在option标签中设置selected属性
• textarea设置宽高属性：大部分浏览器中设置rows、cols属性就可以实现调整textarea，不过更好的办法是用css的width和height

默认textarea在许多浏览器中是可以动态拖动调整大小的，使用resize:none;

• input type=number 右边的增减按钮如何去掉？
• input text、password等等可以设置pattern属性，正则匹配模式，进行内容校验

<p>
        登录名：
        <input name="username" type="text" pattern="[a-zA-Z0-9_]{3,16}">
        （可包含a-z，0-9和下划线）
    </p>