表单
1 ： 表单标签
属性 ： action = '接口地址' method = 'get / post' name = '表单名称'
2 ： 表单控件
属性： type = '控件类型' name：属性标识表单域的名称； Value：属性定义表单域的默认值，其他属性根据type的不同而有所变化。 maxlength：控制最多输入的字符数， Size：控制框的宽度（以字符为单位） 1）文本框 2)密码框 3)提交按钮 4)重置按钮 5)空按钮
3：表单补充
1）单选按钮组
男
(默认选中)女
2）复选框组
* disabled="disabled" (禁用)
* checked="checked" (默认选中)
3）下拉列表（菜单）：
下拉选项1 下拉选项2 ………… 表示下拉列表，name属性不是必须的 默认选择项用selected属性； 4）表单域多行文本定义： 语法: 多行文本。rows属性和cols属性用来设置文本输入窗口的高度和宽度，单位是字符。 阻止浏览器对窗口的拖动设置:{resize:none;}（css属性） 5)上传文件： 语法：
4：表单标签补充
1）表单字段集
语法：
说明：相当于一个方框，在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。disabled定义空间禁制可用；
2）字段级标题：
语法：
说明：legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的唯一个元素。
3)提示信息标签：
语法：
说明：label元素用来定义标签，为页面上的其他元素指定提示信息。要将label元素绑定到其他的控件上，可以将label元素的for属性设置为与该控件的id属性值相同。
例子：
<body> <!--创建表单 action：当表单提交时，将数据发往何处 --> <form action="#"> <div> <!-- input：定义输入框，按钮等 t'y'pe：定义input的类型（值不同对应的input的功能或样式都会发生改变）。 text：文本输入框。 name：定义input的名称。 value：定义input的值 。 actofocus:自动成为输入焦点。 placeholder：定义文本输入框的提示语。 autocomplete：是否启用自动完成功能。on（默认值），off关闭。 required：输入的内容是必须的，不能为空。 readonly：定义input为只读模式。 disabled：禁用input元素--> <!-- label：给input添加标注。 for：是为了让input和label进行绑定 。For的值要和input的id保持一直，当点击label可以让input自动获取焦点。--> <label for="accout">账号：</label> <input type="text" id="accout" name="accout" value="" placeholder="请输入账号" autofocus autocomplete="off" required readonly disabled> </div> <div> <label for="password">密码：</label> <!-- password：设置密码输入框，输入内容将被掩盖 --> <input type="password" id="password" placeholder="请输入密码"> </div> <div> <!-- button：定义可点击按钮。 value：按钮的标题。 --> <input type="button" value="按钮" > <!-- submit：提交按钮，会把表单内的数据发送到服务器 --> <input type="submit"> <!-- reset：重置按钮，会清除表单内所有的数据 --> <input type="reset"> <!-- file: 文件选择按钮，供文件上传 accept：规定文件上传的类型（例如：文本类型 text/*） multiple：同时可以上传多个文件，（默认只可以选择一个）。--> <input type="file" accept="image/*" multiple> <!-- image：定义图像形式的提交按钮，必须要把src和typr的image结合使用 --> <input type="image" src="./img/卡车.png"> </div> <div> <!-- checkbox：定义复选框 checkbox：初始化为选中的状态。 --> <label for="checkbox">复选1</label> <label for="checkbox1">复选2</label> <input type="checkbox" id="checkbox"> <input type="checkbox" id="checkbox1"><br> <!-- radio：定义单选框 --> <input type="radio" name="radio" id="girl"> <label for="girl">女</label> <input type="radio" name="radio" id="boy"> <label for="boy">男</label> </div> <!-- fieldset：将表单内的元素进行分组，会产生一个边框。 --> <fieldset> <!-- legend:定义分组的标题。 --> <legend>小标题</legend> <span>内容</span> </fieldset> <!-- 下拉菜单 select：定义单选或者多选菜单--> <select name="" id=""> <!-- optgroup：定义选项组 --> <optgroup label="菜单"> <!-- option：定义一个选项内容 --> <option value="">清蒸🐟</option> <!-- selected：初始化为选中的状态 --> <option value="" selected>红烧🐇</option> <option value="">凉拌🐂</option> </optgroup> <optgroup label="菜单"> <option value="">清蒸💪</option> <option value="">红烧🐻</option> <option value="">凉拌🦌</option> </optgroup> </select> </form> </body>
