开局一张图
上图是京东的登录页面，这和我们接下来要学习的东西有关系。
《踏上编程之路的必经之路之html篇六》中我们学习了table表格，今天我们要学习的这叫做form表单。
form表单就是专门用来实现用户登录、用户注册、信息收集之类的页面的。
日常网购一般都要求我们先登录，输入用户名和密码，点击登录后才可以进行物品的购买，那我们就用form表单来实现一下登录。
form表单中包含了input标签，input标签属于单标签。单标签是相对于双标签来讲的。以前的a标签、p标签、span标签等，都属于双标签，它们的特点是一对一对的，比如a标签，要写成<a></a>。比如p标签，要写成<p></p>，它们都是有一个开始，有一个结束。都是成双入对的。
单标签则没有结束标签，比如上面的input标签，它就没有</input>这样的结束。单标签还有我们之前学的img图片标签，br换行标签等。
input标签只能包含在form标签中，也就是说只要有input出现的地方，必定会有一个form标签包围着它。
而上一篇中的tr和td标签只能包含在table表格标签中，它们是组合。不能分开单独使用。
同样的情况还有li标签，只能包含在ul无序列表标签，ol有序列表标签中，dt标签和dd标签只能包含在dl标签中。
上面代码在浏览器中的效果：
这样一个简易的登录页面就做出来了，是不是很简单啊，我们试着填写用户名和密码来尝试一下登录。
你会发现，你输入的密码并不是明文的，也就是说你输入的密码会以黑点的形式呈现，这是为了安全，如果不这样，你输密码的时候很可能会被你背后的人看到。
那这个是怎么实现的呢？其实你应该已经发现了，input标签里面有个type属性，type设置为password就是以密码形式呈现。type设置为text就是以明文显示，type设置为submit就是一个按钮。
提交按钮的input里面我们还设置了一个value属性，这个属性用来设置，按钮的文字，我们这里设置的是登录，为了加深理解，我们给它改为登入。
浏览器中就会相应地显示为登入：
form表单中除了可以写input外，还可以有select下拉选择标签、textarea文本域标签、button按钮标签（这个按钮和<input type="submit">都是按钮，用的时候看你自己喜好）。
下面通过一个例子来了解上面的各种标签的使用。
案例：添加一篇文章，要求填写文章标题、文章分类、发表频道、文章内容。
浏览器中的效果：
上述代码中form标签中有select标签，这个的作用是产生一个下拉框，供用户选择。
select里面包含option标签，这个就是具体可以选择项。我们这里设置了三个：财经、教育、历史。 同我们前面讲的一样，option必须包含在select里面，而select必须包含在form表单标签中，它们是组合，不能打单独使用。
在这个例子中，我们还是用到了单选。
红框框住的就是我们设置的单选，具体对应代码中的：
单选也是用的input标签，只不过它的type是radio，还有一个要注意的地方就是name属性，我们这里可以选择的项是：新视觉、猎奇、杂说，它们三个的name属性都设置为了：channel。只有设置name都一样，才能单选，否则就成了多选了。
文章内容我们使用到了textarea文本域标签，它和<iniput type="text">的区别是，textarea可以放更多的文字。
textarea标签有两个属性需要说一下，cols代表的是列，rows代表的是行，cols设置的值越大，textarea的框越宽，rows的值设置的越大，textarea的框越高。我们来尝试一下：
先把cols设置成60，textarea就会变宽。
rows设置为30，textarea就会变高 :
form表单中还可以设置多选，我们也来尝试一下：
浏览器中的效果：
红框框住的部分就是我们实现的多选，多选用的也是input标签，type为checkbox
你可以自己动手尝试一下
我们整体的需求都实现了，但是整个页面看起来很不美观，所以我们需要调整一下，我决定采用table表格来调整，把文章标题、请选择分类、内容这些文字性的东西放到一列，input、select等标签放在另一列里面，使整个页面看起来更加整齐。
浏览器中的效果：
经过调整以后，看起来已经不那么丑了，在《做网站需要学习哪些知识》中，我们介绍过美化页面需要用Css和JavaScript，光用html是不可能做到很美观的。
在讲完html后，我们就会讲Css和JavaScript。