input标签的总结及其扩展

      上周用html布局了一张考试的卷面，其中多处用到input标签，对此标签也有了一定程度的掌握，现对学习收获做以总结和扩展。

1.input标签简介

       根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。

2.语法

<input type="表单类型"/>

3.说明

input标签是自闭何标签，因为它没有结束标签。

扩展：

常见自闭合标签都有什么？

答：<meta/> 定义页面的说明信息，供搜索引擎查看。

       <link/>    用于连接外部的CSS文件或脚本文件。

       <base/>   定义页面所有的连接的基础定位。

       <br/>        用于换行。

       <hr/>        为水平线。

       <input/>   用于定义表单元素。 

       <img/>      为图像标签。

自闭合标签和一般标签有什么区别？

1）一般标签由于有开始符号和结束符号，可以在标签内部插入其他标签或文字。

2）自闭合标签由于没有结束符号，没办法在内部插入其他标签和文字，只能定义自身的一些属性。

4.type属性值

属性值                             说明

---

text                                 单行文本框   

password                       密码文本框

button                             按钮

reset                                重置按钮

image                              图像形式的提交按钮

radio                                单项按钮

checkbox                         复选框

hidden                              隐藏文字

file                                     文件上传