<input>的类型

一、基本信息

写法：<input type="类型" name="表单名，告诉后端这个表单是干什么的" value="默认值，数值" />

需要默认选中写法：<input checked="checked" />

禁止修改的写法：<input disabled="disabled" />

提示信息写法：<input placeholder="输入框的提示信息" />

　　描述：鼠标获取焦点没有提示信息，失去焦点显示提示信息

　　兼容性：不兼容IE10以下版本

 

二、文本框：

<input type="text" name="" value="输入框" />

value：显示在输入框的默认值

 

三、密码：

<input type="password" name="" value="" />

 

四、单选框

<input type="radio" name="sex" value="men" />男
<input type="radio" name="sex" value="women" />女

 name值：

相同：代表是一组元素，这组元素只能选择一个元素

不同：则说明不是一组元素，都可以选中

 

五、复选框

<input type="checkbox" name="xingqu" value="chi" />吃
<input type="checkbox" name="xingqu" value="shuijiao" />睡觉
<input type="checkbox" name="xingqu" value="dadoudou" />打豆豆

name：数值相同，代表是同一组选项

 

六、提交按钮

<input type="submit" value=""/>

按钮文字：

默认值：提交

value：自定义按钮的数值

 

七、重置按钮

<input type="reset" value="" />

 

八、自定义按钮

<input type="button" value="自定义按钮" />

 

九、图片按钮

<input type="image" src="submit.gif" />

 

十、选择文件

<input type="file" />