Layui表单功能

开发工具与关键技术：VS+Layui
作者：茅凯翔
撰写时间：2019年6月9日

表单都是用输入信息或者资料，输入资料必不可少的。有输入框、有密码框、选择框、复选框、开关、单选框、文本域，这些都是基本需要用到的（开关好像不是基本需要用到的，那就不做介绍了哈）。可能还有别的，我就先介绍这些。

输入框：输入框只提供输入内容。用一个外层div元素，里面放名称（label标签），放什么名称都可以，自定义名称；然后再设置一个内层div元素，放置输入框标签（input标签），在placeholder后面写任何字体，你所写的字体会出现在输入框内。

密码框更上面的输入框差不多，都是手动填写内容，但是密码框多一项。都是用外层div元素包裹着里面的东西，第一个是label标签用来显示名称，再加内层div元素，放置input标签为输入标签。想要在框内显示字体，就用placeholder。千万别忘了添加type=“password”，如果你不想密码显示出来被别人看到，就可以添加这个，这个可以把你的密码转换成一种特定的符号，例如（*、.）。

选择框：提供多组数据为选择。我发现了，都是一个外层的div元素包含着里面的内容，再加上label标签，给你的输入框加上名字，内层的div元素的内容才不一样，给select标签包含着许多的option标签，option标签用于填写每组内容，但是你要给序号（value）。

复选框：可以选择多组内容。像前几个一样，一样的外层div元素和label标签名称。内层div元素才是主菜，内层div元素里包含着input输入框内容。我这里有三个，我可以把这三个都选择了。

单选框：只能够选择一个数据。像前几个一样，一样的外层div元素和label标签名称。内层idv元素包含着内容，还是用input容纳内容，你只可以选择一个，一旦你选择这个，另一个的选择就会清空。

文本域：一个大的输入框。基本上代码都是一样，也就是内层div元素的内容不一样，这个是要用textarea来填写内容，比输入款还高的输入框，适用于填写许多数据。先介绍这几个实用的给你们。