46_尚硅谷_h5_html5新增表单格式.wmv原创

看一下啊好，咱们已经把H5里面新增一些其他标签咱们做完了啊，那最后我们来说一下H5当中啊，对哪个东西又做了一些比较大的一个修改，那就是我的表单啊，可以说近乎疯狂，我们来看看啊，疯狂的表单，H5最后一项东西啊，这是H5新增标签，上面这块懂到H5整门技术还有呢啊，刚刚也跟你们说了啊，设设备是worker，离线存储，移动端这些很多东西我们都还没讲呢啊，OK，好，那把标签这一块我们给它截掉，OK好，最后一项疯狂的表达。好好，大家记得我们之前表达都是怎么写的吗？啊，不要小看表单啊，啊，如果你做这些项目的话，是一些后台项目，To B的项目，还记不记得什么叫To B？什么叫To B啊，企业级开发嘛啊，就是面向公司的嘛，啊，就是做后台管理系统的嘛，啊，就是面向内部客户的啊，这些系统的开发对表单的使用是什么？几乎疯狂的对不对？OK，我们来看一下疯狂的表单，OK，打开课件。

好，看新增的哪些表单，我们首先来复习一下H啊之前的表单吧，表单是使用这个form这什么容器的，我们来说的码来复习下，我们说你要做表单这一块的话，几样东西你是必须要得掌握清楚的，OK，表单复习比表单复习好这一块我来问大家。好，首先你写表单直接写一个的靠谱吗？啊，没有任何作用啊，你直接写个硬碰，你发请求的时候，除非你手动去拿里面的数据。懂吗？我们说一般你写表达干嘛，Form form里面就是X型干嘛，极其的重要，这边一般写什么后台的接口地址。

啊，然后你在点击这个三面的时候，你里面这个数据就会自动的跟着请求往后台走，不需要你去往这个什么，呃，往请求里面去晒啊，你们学了这个note之后你就知道了，如果你没有这个phone标签，你要一个个从一步的里面把这些数据拿到，然后拼串，然后往后，然后往那个后台去塞，懂不懂，一旦有了这个form标签就不用了。啊，直接点击这个上面的时候，这个数据直接往后带懂不懂OK，那这个method其实比较重要的有get跟postt啊，学no的时候我们再说OK，那X暂时我们先不给啊，我们不给接口，那一般我们说这里面是不是就一个一步的啊，这是一个上标面的，是什么必须的吧，其实还有什么。你不的还有什么看吧，其实我们说在写这种表达的时候，有一个点是其需要你们注意的，一定要加name name对于我们来说其实没有太大的重要是吧？对后台来说的话，这个内幕极关重要，因为不管是Java还是他们的API都是对于这个码内幕来进行设计的，就他们去在后台抓取数据的时候，都是抓的name啊，你给ID没用的懂吗？啊，所以说干嘛这个name每次写的时候啊，看后台让你写什么你就什么选什么能不理解？好这是我们说啊，一般的phone的话比较简单吧，我们说text是不是代表phone表单的类型啊，有text有按钮啊，有什么复选框，下拉框吧，是吧，我们说这里面需要注意的这个radio啊，我们写这个radio的时候的话，我们说怎么才能变成单选框。

啊，内幕必须得是一组吧，是吧，不然不可能是单选框了，我记得我们也用内，我们也自定义过单选按钮吧，是吧，怎么让它变成单选钮，这个内幕必须得是一样的啊，他们算一组吧才可以。懂吗？可不可以理解啊，啊，那这个比较简单啊，那我们来看一下H股当中给我们新增了哪些表单。

好，我新增表达。好，我们看看哪些OK，那这边自己大家去看看啊，这是我帮你们写的一些总结啊，当然这个跟跟表单也是有很大关系的。是吧，想想啊，我们里面一里面是不是好多吗。H啊，这个tap这个name不都是H吗？懂吗？好，给你们来看一下什么好新增的表单共件啊tap为什么秒来看一下。好，它分为什么疫苗好，这个有什么用呢？啊一秒说实话啊，也有点鸡肋，来看看，比如说干嘛，我这边再来个提交按钮，来一个稍。OK tap等于十二八是不是好？给个value吧，我们就要提交。

这里看一下好，比如什么我们来数123，提交给你行吗？不给你提是不是他会主动的去做一些正则的验证，你必须要符合我email的格式你才能提是吧，比如说123333。你必须得有个艾特，艾特后面谁随便你写了都不管，所以说你必须在这个框里面有个艾才可以做提交，他帮你做了一个简单的预先的一个什么验证，能不有讲啊，这是第一种叫email类型的表达，OK，还有什么？太多用什么telephone OK，这用来干嘛的啊，这个就干嘛，来看一下这个telephone啊，这个内就要。OK啊，我们来个什么T吧，好，来看这个telephone，好，其实在我们PC端好像没有任何的意义吧，用的是是吧，其实在PC端它跟正常的文本框一样，可是在移动端这种表达你点上去键盘会自动弹出来。

啊，只要你的telephone是telephone，你点上去键盘会自动数字键盘会自动弹出啊，这叫什么移动的，可是在我们模拟器底下，你也是啊。看不到的等等你点上去也没有键盘出来的，可是在你的真机上，你们以后会看到能没讲好啊，记住啊，有一个类型叫做telephone，好，再来看还有什么ul啊，其实它也是用来做什么。验证的，也就是说你在里面输入的必须得是什么。BB等于什么？得是URL地址，不然的话是不会给你通过的，来看一下，比如说我写一个什么，比如说你看我下写一个自你好，请输入网址吧，那3W点啊。硅古典。com也不行，必须加超过美TP好提交过去。

能理解吗？OK，这也是做了一个什么，预先的一个验证，好，再来看还有什么。好色系啊，这个蛮好闻的，看看。好，来个一步的。It是吧，OK，因为这块来个什么T为设计，看这个能有什么用啊，这可以这个表达啊，这个T你们经常去用，为什么123，你看后面是不是有个叉叉啊，可以直接给你干掉，重新输导，你要写这种功能，你还得写很用懂不懂这一个表单给你。搞定，OK，擦掉懂吗？OK，不要看这个功能小啊，写起来蛮麻烦的，好，这是我们什么设计，好再来看还有什么。好，这个我们来看看吧，OK，叫OK John什么，这个是干嘛的？来看，找你进来。

看到没有是一个什么滑块的吗？而且这个滑块是可以自定义什么。最小最大一节步数的，我们来看一下，现在默认它可以滑一是不是嘛，就这么很平缓的很流畅的话，比如说这样我给他指定的吗。好，指定你的最小值为十，Max为。20OK，步数的话五步，五步的话总共大小，那是不是一步两个你看来。我干嘛，我不定了五步吗？看看一步是不是走五啊，走你来说一下，真的是一步走五呀，那一步我走二走，你那应该能走几步。

123来数数123455啊，好好不好玩。一呢十步是吧。肯定的，你看一二三四五七八九十吧，是吧，OK这个啊，知道一下就行了，是不是，这相当于是一个什么，我觉得没有什么使用场景啊，我暂时没有遇到过什么它的一些使用场景啊，我知道一下。好OK，好来看一下，好，我们再来看，下面还有一堆，我们看一看啊，这边又定义了一堆啊，我们来看一下。OK，有是吧？来看一下吧，分别是干嘛的，CTRLC。好，CTRLB。

好，接下看来来看一下type是什么，Number。CTRLC啊，这代表一个数值表达，看这个表达能干嘛，所以好说一下，你看这边是不是数值1234567啊，765321到负的。啊除号啊，OK，比如说你在里面可以写写数字没问题啊，写字母填不进去，只能填数字，OK，提交过去懂吗？好，这是我们数值选择器，好再看还有什么。颜色啊，比如说你现在开发一个网站卖油漆的。是不是用户要去挑颜色，那怎么办啊，挑吧啊一点就是一个什么颜色的面板啊，确定挑完这个颜，这个颜色就过来了，懂吗？简单吧啊这个就是一些新增的标签啊，我们再下HTML啊来看一下什么data time啊记住这个data time在PC端没有什么用。来给大家看一下。

OK，在PC端没有什么用，在移动端它可以显示出日期来，那在PC端呢，有个叫干什么。Local来看一下这里little-local，我们来看看一眼CTRLS，你看这边是不是可以去填。啊，比如说这边都可以去新增一些时间啊，月的话也可以去调，月的话也可以调懂不懂，那这些在一些比较旧的，比较丑的一些，或者说就说直接点吧，在一些后台的一些项目当中啊，它是有用的，懂不懂一般给用户要去做展示的，基本上不会出现这么丑的表达。能解吗？啊，你做的这个后代项目，像这些东西还是很有用的啊，比如干嘛，比如说我们说还有一个碳只只显示什么时间走。只显示时间。看一下啊，这边只会显示时间，能理解啊，好再来还有什么对显示啊。日期。

整你啊年月日啊，调一下都是可以的，OK，你也可以在这边去选啊，比如说选23号，那就2018年二十二十三号对吧，还有什么呢。不会看的代表什么周第几周，比如说你上来之后嘛，这边可以去选啊，当然你点这个下列表是不是这边有那个日期啊，如说2月16号是周几啊，是2018年的第七周啊，我们可以再来点，比如说嘛。好，第五周我们来看，还有比如说我下一点啊13号看他第几周，2018年的第二周，对不到你点日期，他可以直接给你划算出周数啊OK，还有什么。Month这代表什么月，来看一下刷新啊，一模一样点啊第几个月，就你你点的日期是第几个月呢？理解吗？那像这种日期相关的东西啊，在后台管理项目当中啊，用的比较多，所以说这边这几块一些东西啊，可能在开发中用的还是还是蛮多的，懂懂，那上面这一块的话确实用的不多啊，OK，那这是我们新增的一些。

表单啊，OK，我们再来看。