前端学习日记——html

功能标签

1 table 表（实际运用过程中不会经常使用）

tbody 表格体 还有thead tfoot

        tr 行

                td,th 列 （容器）

                        子标签可以为任意其他标签

行中的列数z在经过计算后是相同的

2 form 用来进行前后台数据交互（默认情况下同步交互）

form（ action 后端处理接口 例如健康码提交表 enctype 表示编码方式 )

前置技术：http协议

method取值：

        get： 用于查询操作 参数携带在url后面

        post：用于更新操作（保存 修改 删除） 参数携带在请求报文请求体中

enctype取值：

                application/x-www-form-urlencoded

                        查询字符串（表单编码)将特殊字符转化为16进制  key=value&key=value&....

               multipart/form-data（多部分表单格式）

                        用于表单中有附件提交的时候，二进制代码，无需进行编码

                text/plain

                        纯文本提交

input        输入框

注意：text password radio checkbox 必须添加name属性

            radio checkbox必须添加value属性

input type="text"   单行文本框 
input type="password"  密码框
input type="file"      附件
input type="radio"     单选按钮    
input type="checkbox"  复选按钮
input type="submit" 提交按钮     
input type="reset"  重置按钮  
input type="date"    日期选择器 （h5新增，兼容性差，一般不用）

textarea        多行文本

<textarea name="description" id="" cols="50" rows="10"></textarea>

select 下拉菜单

 <select name="address" >
      <option value="js">江苏</option>
      <option value="sx">山西</option>
      <option value="bj">北京</option>
      <option value="sh">上海</option>
</select>