html5——表格、表格结构标签、表单、表单属性

表格

    <!--

        1.标签

            table：确定表格范围

            caption：表格标题默认水平居中

            tr：行

            th：表头 默认加粗，水平居中

            td：普通的单元格

     -->

     <!--

        2.属性

            border：设置表格边距

            cellspacing：设置单元格之间的距离

            cellpadding：设置单元格内容与边框之间的距离

      -->

      <!--

        3.合并

            垂直方向合并：确定谁合并，给谁设置属性rowspan="num",num代表单元格合并后要占有的位置

                         确定被影响行的单元格的数量

            水平方向合并：确定谁合并，给谁设置colspan="num",num代表单元格合并后要占有的空间

                       确定该行合并后还剩几个的单元格数量

       -->

表格结构标签

    <!--

        表格结构标签：==》决定表格内容在页面显示的位置

            thead：表格头部

            tbody：表格主体

            tfoot：表格底部

     -->

     <!--

        表格标签书写规范：

            单元格一定在tr里面

            一定是表格标签包含其他标签

     -->

表单

    <!--

        表单标签

            1.input 输入框  行内块元素

                属性

                    type：设置数据类型

                        可选值：text 文本

                                password 密码

                                radio 单选按钮，在一组数据中选择一个，相同name值得为一组

                                checkbox 多选框，可以同时选择多个，且进行选中和取消

                                email 邮箱，自带格式判断

                                tel 手机号

                                button 普通按钮

                                reset 重置

                                submit 提交，只是将数据提交得浏览器

                                file 上传文件

                                date 日期

            2.select 下拉框

                option 下拉选项

            3.textarea 文本域

                属性：  rows 设置行

                        cols 设置列  

            4.button 按钮标签 双标签更方便设置按钮样式

                属性：type=" "

                    button 普通按钮

                    reset 重置

                    submit 提交（默认）  

     -->

表单属性

    <!--

        属性：

            1.checked 设置单选和多选得默认选中

            2.selcted 设置下拉选项得默认选中

            3.placeholder 设置提示语

            4.maxlength/minlength 设置输入的字符最大和最小长度

            5.required 设置必填项

            6.readonly 设置只读，可以选中标签，但是不能修改

            7.disabled 设置禁用，不可以选中标签，也不能修改

            8.multiple 设置可以同时选中多个文件上传

            9.autocomplete 设置自动填充，要与name一起联用

            10.autofocus 设置自动获取焦点

     -->

     <!--

        label input定义标签

            属性

                for="id" 作用对象的id

      -->

      <!--

        detalist 设置iniput可能选择的标签选项，input的list值等于detalist的id值，option设置选项

       -->

      <!--

        form标签，同一个form中表单元素为一组

            属性：

                action=""  提交后的跳转地址

                method=""  表单数据提交方式

                    get 数据随form跳转的url一起传输，数据内容会在跳转页面地址栏显示

                    post 数据不随form跳转一起传输，而是数据被封装在form内部一起传输，相对安全

                target="" 设置跳转页面的显示位置

                    可选值

                        _blank  新页面

                        _self   旧页面

                novalidate 取消数据验证，直接提交

       -->