（小说版）【简历优化平台-5】夜半撞见男女哭，form表单初运用
她有个妹妹，俩个人是双胞胎，如果不是穿着打扮一样，那几乎分不出来。颜值嘛，因为当时是初中时期，所以只能算是中上吧，毕竟那时候的她们都不懂得打扮。她虽然是我的初中同学，可是我并没有对她有过特别的在意，直到有一天晚自习。
那时候的晚自习大概是晚上七点左右开始到九点左右，我恰好中间肚子疼请假去外面公ce，结果在操场的尽头，借着微弱的灯光，我居然看到俩个人影，联想起学校之前是乱zang岗的传闻，吓得我尿都差点凉了...
正在我一动不敢动的时候，居然听到一声女声传来，熟悉无比，没错就是她的声音，说的什么我听不清，只是很激动很撕心裂肺那种哭喊，再定睛一看，她的身影居然给对面的人跪了下去... 对面的身影高大威猛，摆明就是一个一米八的男生，这出现在我们初中校园是极其不正常的！那个男人始终没有说话。
八卦的我当时脑子中的第一直觉就是，她居然跟校外不良青年处对象了？马上又反应过来，不对啊... 她在校园内我们自己班里不是正和一个小男生谈着呢么.. 那男生又瘦又小，但是家里是开手机店的，在那个年代算是土豪了。这样想来，大概剧情我就自动脑补出来了，校外的男生发现她背着自己跟富二代小男孩交往，然后来找她算账，结果她哭着跪下求原谅？
过了一会，我再抬头，发现那男生身影已经消失了，我便悄悄的也走了过去...虽然那时候自己是初中生，但其实还是胆子很大的，我想确认一下情况，看看用不用报jing。
结果走到跟前，看到的景象直接吓傻了我...
---正文开始---
上节课我们已经完成了上传简历功能，本节课我们就来设计一下前端的各种优化意向选框吧：
首先，这是一个正常的form表单，为什么用form表单呢？你可以简单理解为就是把多个输入集合到一起然后打包发送给后台。
form表单有几个关键信息是需要你记住的：
1. action 属性，它的值就是你要上传的路由Path
2.每个输入框的name，这样你后台方便通过name获取到各个输入框的值
3.按钮的type,如果值是submit，那证明点击后可以直接提交。
好了，明白这么多，我们接下来就要思考，这个form表单，都需要带哪些字段吧？
首先就是本次优化的唯一标识字符串，所以我们应该把那个唯一标识字符串的span ：
也就是上图 中这个标签，归纳到我们的form表单之中才可以。
然后就是用户需要填写的一些，其中大部分为单选框：
单选框的好处就在于，用户选起来方便，所以很多调查问卷的都是这么做的。
不过这里我也要说一下，传统js/jq写前端，获取单选框的值并不简单，如果换成vue则可以在一开始通过绑定的方式来实现。但本次内容没有vue，所以就给大家看看传统写法的吧：
如上图所示，这时候form表单已经创建好了。但是内容却仅有三个：大字标题，识别字符串，业务方向。其中业务方向包括：手工自动化测开三个，每个的value值为了方便，全用拼音首字母了。
效果如下：
现在，我们在最下面弄个大提交按钮，顺便改了改样式：
效果如下：
然后可以先简单测试一下：
点击按钮，查看network的请求，数据和路由是否正确：
可以看到，数据是正常的。
本节课结束，下一节，我们将要添加另外几个字段了。