这是我参与11月更文挑战的第3天，活动详情查看：2021最后一次更文挑战
在界面开发过程中，表单的布局一定少不了input输入框了，而衍生出来的单选、多选和文本域三个类型则让可以更多元化的满足表单填写需求，并且单选、多选框也能简化用户的操作步骤，提示用户体验。
一、目录
1）浅谈radio和CheckBox。
2）浅谈textarea。
二、深入radio和checkbox
知识点：单选框复选框与文字垂直居中对齐。
结合之前所学习的vertical-align：
当文字大小为12px时，但radio或CheckBox定义vertical-align：-3px即可
当文字大小为14px时，但radio或CheckBox定义vertical-align：-2px即可
三、深入textarea
知识点：固定大小，禁止拖动； 在chrome、Firefox和IE实现相同的外观。
1）固定大小
可以使用min-width和min-height控制元素的最小宽高；
可以使用max-width和max-height控制元素的最大宽高。
一般max-width和max-height用的较多，使得用户在拖动小三角的同时，不会破坏原本的布局。
2）禁止拖动
使用属性 “resize：none；”，虽然将max-width设置成与width相同，将max-height设置成与height相同也能实现该效果，但建议使用“resize：none”，实现方法比较简单。
3）在Chrome、Firefox和IE实现相同的外观
要实现这一点，首要就要了解他们的不同点。textarea元素有cols和rows两个属性，其中cols控制列，rows控制行。但是如果使用cols和rows属性控制textarea的外观大小，会有如下区别：
①Chrome（或Firefox）和IE下，每行字数和文字的列数是不相同的。
②默认情况下，IE室友滚动条的，而Chrome（或Firefox）是没有滚动条的。
实际开发中，控制Chrome（或Firefox）和IE下具有相同的外观效果相同也很简单。
A、使用CSS的width和height来定义textarea的大小。
B、使用overflow：auto定义textarea的滚动条自适应。
