网页前端开发中常用的html控件(一)input和label【207】

一、input元素。

你会惊讶于input标签居然可以做出这么多控件元素。

图1

 <input type="text">
 <!-- 这是文本输入框 -->
 <input type="password">
 <!-- 这是带密码的文本输入框 -->
 <input type="radio">
 <!-- 这是单选项 -->
 <input type="checkbox">
 <!-- 这是多选项 -->
 <input type="file">
 <!-- 这是文件上传选取项 -->
 <input type="button" value="点我吧">
 <!-- 这是按钮 -->

二、label元素。

其实它只是一个很普通的文本元素控件，就像编程里的label一样，只是它的for属性有那么点意思，for属性可以关联其它控件，当你设置好关联后，点击label就会自动移动焦点到其它控件上，不好理解就看图2图3吧。

<label>我是一个普通的标签</label>

图2

图3