前端输入框

多行输入框

个性签名是个多行输入框。 当多行文本输入框中输入的内容超过一行的长度时，它会自动换行，而单行文本输入框则不会换行。

一般我们会用到textarea标签来写多行输入框。

其中 rows 和 cols 分别表示行数(高度) 和文本域的可视宽度，其中rows: 行数 (高度) ;而 cols: 文本域的可视宽度。这两个属性可写可不写，<textarea></textarea>就能表示一个多行。

密码输入框

密码输入框和呢称输入框有点区别，用户输入的内容将会以 黑圆点的形式显示。
如何做到输入内容不直接显示呢? 非常简单，我们只需要把表单标签<input>中的标签属性 type="text”改成 type="password"

单选框

所谓单选框，其实只是把控件类型 type="text”改成了type="radio”。大部分 表单元素都是通过改变标签属性 type 的值来实现的。

在这里我们只考虑了男女两种性别，并默认用户只有一种性别。 就像做单选题一样，用户只能选择男性或者女性。
这里我们得使用 单选框

属于同一道”单选题”的每个单选按钮，应该拥有 相同 的 name 属性值。
我们用 value=“male”表示男性，用 value=“female”表示女性，但是实际效果中并没有这两个单词出现，其实，这两个单词是表单数据提交时提交的内容。

那么我们如何把选项的内容写到网页上呢? 很简单，直接在 nput 标签后加内容就可以。

但是，这样点击的范围有点小，如果点击文字也能选中对应的性别就更好了。 为了达到这个目的，我们常常会把单选框和标签<label>配合使用:

或

复选框

复选框的使用就像一道多选题，用户可以选择多个选项。除此之外复选框和单选框很像，它的类型是checkbox：

为了写好我们的兴趣复选框，我们需要在上面这个简单的复选框的基础上，给它们加上文字 (配合<label> 标签) 、name 属性和 value值:

属于同一道”多选题”的每个复选框元素，应该拥有 相同 的 name 属性值。
需要注意的是:复选框是只有 2 种状态的表单控件:已选中或未选中。在只有一个复选框的情况下，它允许用户对某事说“是”或“否"比如同意或不同意某个条款。而只有一个单选框的情况下，用户一旦选择了这个单选框，就不能再取消选择了，除非他刷新了网页