今天写代码的时候正好到了需要前后端交互的时候了，结果发现自己form表单遗漏有点严重，所以写个随笔给自己记一下。主要是复习表单元素
首先是 input标签， input标签使用很广泛，通过type属性的不同值，来表现不同的形态。
1）type="text" 文本框，里面文字可见，相对应的就是type="password"密码框:效果录入信息不可见。
2)表单元素必须有一个属性：name 有了name才可以提交数据,才可以采集数据,然后提交的时候会以键值对的形式拼到一起。
3)value:就是文本框中的具体内容,如果value提前写好，那么默认效果就是value中内容。当然一般默认提示语：用placeholder属性，不会用value，因为value只是文本框中的值。
4）readonly只读：只是不能修改，但是其他操作都可以，可以正常提交。相应的就是disabled禁用：完全不用，不能正常提交。
5）type="radio"，单选按钮。要注意的是：一组单选按钮，必须通过name属性来控制，让它们在一个分组中，然后在一个分组里只能选择一个。以及value的值要不同，这样后台才能分辨。
6）默认选中：checked="checked"
7）type="checkbox"，多选按钮。必须通过name属性来控制，让它们在一个分组中，然后在一个分组里可以选择多个不同的选项的value值要控制为不同，这样后台接收就可以区分、
8）type="file"文件
9）type="hidden"隐藏域
10）type="button"普通按钮。普通按钮没有什么效果，就是可以点击，以后学了js，可以加入事件
11）type="reset"特殊按钮：重置按钮将页面恢复到初始状态。type="submit"特殊按钮：提交按钮：具备提交功能
12）type="image" src=“”特殊按钮：图片按钮
然后就是select。
13）下拉列表默认选中：selected="selected"。多选：multiple="multiple"
再来多行文本框
14）<textarea style="resize: none;" rows="10" cols="30">请在这里填写信息。。</textarea>
label标签，一般会在想要获得焦点的标签上加入一个id属性，然后label中的for属性跟id配合使用。
15）<label for="uname">用户名：</label><input type="text" name="uername" id="uname"/>
还有两个跟css交互的属性，就不多说了
标签：复习,form,name,value,表单,按钮,type,属性 From： https://www.cnblogs.com/QsumaDzai-lm/p/17738807.html