HTML、CSS

一、form表单

form(表单)：客户端和服务器端发生数据交互时会用到表单
           私有属性：action：表单提交地址
                   target：页面打开方式
                            _blank:打开新页面
			                _self:当前页面中打开(默认)
			                _top:顶级框架中打开   //用iframe嵌套网页进行测试
			                _parent:父框架中打开  
			       method：表单提交方式
			               get(默认)：将数据拼接在浏览器地址栏上(空格—>+)，安全性较低
			                         只能提交轻量级数据(长度有限制)
			               post：将数据封装在请求体中，安全性较高
			                     可提交重量级数据
			       enctype：表单内容类型
		    子标签：<input type="text"(单行文本框)>
		                          autofocus(自动聚焦，布尔属性)
		                          placeholder(提示用户输入，常用于搜索框)
		                          required(必填项)
		                          size(文本框宽度，默认20px)
		                          maxlength(最大输入字符长度)
		                          readonly(只读,光标能进去，写不进去)
		                          disabled(禁用组件，灰色的字，光标进不去)	
		                          name：设置前后台交互数据的属性名
		                          value：按钮(修改按钮名)
		                                 输入框(默认值)
		                                 单选/多选框——交互数据值	
		            ————子标签input type新增属性——————
		                          data(年、月、日)
		                          month(年、月)
		                          week(周)
		                          time
		                          number
		                          range
		                          search
		                          tel
		                          url
		                          color
		                          email
		                              max/min/step：表单组件能接受到的最大/小值				           ——————————————————————————————————————                                                                                 		                                                                     		                                     
		                        password(密码框)				                        	                               		                                                             
		                        radio(单选框)——设置相同的name值，产生互斥
		                        checkbox(多选框)
		                           checked：默认选中	
		                           selected：匹配所有选中的option
		                        button(普通按钮)   	                               	                                     		                                      
		                        submit(提交按钮)
		                        reset(重置按钮)
		                        image(图片按钮)——src，alt，width，height		                        
		                        hidden(隐藏域，开发人员使用)
		                        file(文件上传按钮)		                              		                                         
		                                                           	                               
		     子标签：textarea：多行文本框
		                      私有属性：cols
		                              rows
		                              wrap：off(不自动换行)
		            select：下拉框
		                    私有属性：size：每次展示的项数
		                             multiple：是否可多选 		                            
		                    子标签：option                 
		    新增子标签：progress：常用于进度条(value max)
		              meter：规定范围内的数量值(min low value high max)
		                     optimum：最佳值
		              datalist：规定了<input>的可能选项列表，需和input配合使用
		                        和select不同的是，输入会有“选项提示”
		                       子标签：option		
		                       例子：<form action="">
                                       <input list="浏览器">
                                       <datalist id="浏览器">
                                           <option value="谷歌"></option>
                                           <option value="火狐"></option>
                                       </datalist>
                                    </form>

二、button标签和input标签

Button标签三种type

<input>和<button>都能提交表单，但<button>能够在标签中嵌入其他标签

空标签：无闭合标签

显示在浏览器中

VScode：右键Open In ×× Browser