Html基本控件介绍

1. <input>标签(行内元素)

<input> 标签用于搜集用户信息。

​
1.text：文本区域 readonly属性：是否只读。 
<input type="text" id="name" name="name">

2.password：密码区域，输入的文本以'*'展示
<input type="password" id="password" name="password">

3.checkbox：复选框 checked属性：是否选中；
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike
<input type="checkbox" name="vehicle" value="Car" /> I have a car
　　　　
4.radio：单选框；name属性：指定多个单选框的在一个区域里进行单选操作
<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female
　　　　

5.reset：重置当前<form>表单里所有标签到初始化状态(如清除文本区域内容)
<input type="reset" />

6.submit：提交当前 <form>表单信息到指定页面

7.button：普通按钮 　value属性：button按钮显示的文本
<input type="button" id="submit" value="Click me">
　　　
8.file：文件选择标签
<input type="file" name="file" accept="image/gif"/>

9.hide：隐藏区域，可以把一些不展示给用户，而自己使用的信息存放于此
<input type="hidden" name="country" value="Norway" />

10.image：图片区域
　　　　src属性：指定图片存放的路径；
　　　　title属性：鼠标移到图上显示的文本；
　　　　alt：图片加载失败或关闭时，显示的文本；
<input type="image" src="img/timg.jpg" alt="Submit" width="120" height="120" />

​