【HTML】复习笔记(3)HTML格式

HTMLHTML表单1、FORM元素form元素用来定义。作用：用于数据交互属性：action访问接口的地址，指定将表单提交到某个服务器页面，省略时，默认为当前页面的方法表单提交的方法指定提交时HTTP的方法：POST和GETTIPS：post和get方法的区别？获取方式一、请求的数据会在浏览器地址栏拼接在一起，不安全。2.请求的数据大小有限制。Post方式1、数据会放在请求体中，比较安全，不会被别人看到请求行+请求头+请求体2、请求数据的大小一般没有限制。enctype编码类型指定表单数据编码类型：application/action-www-form-urlencoded：发送前对所有字符进行编码（默认）multipart/form-data：不对字符进行编码TIPS：添加文件附件时要小心！添加文件附件时，enctype不能为application/action-www-form-urlencoded，必须为enctype="multipart/form-data"和method="post"2.表单组件输入元素根据表单变化给type属性type属性有以下类型：text是一个单行输入框，用于文本输入password密码框，会被maskedradio定义单选按钮，同名互斥，checked默认选中可以将单选按钮radio的圆圈和文字组合成一个整体，方便用户使用checkbox定义复选框，name：组名；值：唯一标识；checked：默认选择reset定义重置表单按钮submit定义提交表单按钮，value属性可以定义按钮text按钮定义按钮file文件附件按钮select下拉列表烧烤火锅奶茶textarea定义多行输入字段，cols=""(columns)rows=""(rows)3.新增HTML1.typetypetimeininput允许用户选择时间dateinputfieldweek包含date允许用户选择星期和年份month选择月份和年份datetime允许用户选择选择日期和时间（时区）datetime-local允许用户选择日期和时间（无时区）emailinputfieldcontainingemailaddressnumberinputfieldcontainingnumericvaluesinputfieldsearchforvalueswithinarangeinputfieldcolorforsearchfieldcolorinputfieldtelcontainingcolorinputfieldtelcontainingphonenumberFieldurl包含URL地址的输入字段2.input中的属性autocomplete指定表单或输入字段是否应自动完成。novalidate属性指定在提交表单时不验证表单数据。autofocus属性在页面加载时自动获得焦点。placeholder属性显示给用户Description描述或提示信息min/max属性限制范围输入框的值输入范围在最低值和最高值之间step属性可以指定增加或减少输入值的梯度required属性规定必须使用这个。pattern属性用于检查元素值的正则表达式multiple属性指定允许用户在元素中输入多个值，对于电子邮件和文件