html部分标签介绍

html部分标签介绍

1、type属性

input元素可以用来生成一个供用户输入数据的简单文本框。在默认的情况下，什么样的数据均可以输入。而通过不同的属性值，可以限制输入的内容。

（1）text 一个单行文本框，默认行为
（2）password 隐藏字符的密码框
（3）search 搜索框，在某些浏览器键入内容会出现叉标记取消
（4）submit、reset、button 生成一个提交按钮、重置按钮、普通按钮
（5）number、range 只能输入数值的框；只能输入在一个数值范围的框
（6）checkbox用于实现复选框，允许用户选中多个值
（7）radio用于实现排他性的单选，只允许用户选中一个值
（8）hidden 生成一个隐藏控件,数据会提交，但是不显示
（9）file 生成一个上传控件
（10）image成一个图片按钮
（11）color颜色选择代码按钮
（12）email、tel、url 生成一个检测电子邮件、电话号码、网址的文本框
（13）date、month、time、week、datetime、datetime-local 获取日期和时间。

2、input的placeholder设置输入时的提示信息

在移动应用中由于考虑屏幕大小问题，一般不采用label标签进行提示，而是在输入框中提示。

3、下拉框列表 select

select默认用于实现单项的下拉选择,选项使用option定义。
optgroup 对 select 元素的option选项进行编组。

4、textarea多行文本框

生成一个可变更大小的多行文本框。

（1）name 设定提交时的名称
（2）form 将表单外的多行文本框与某个表单挂钩
（3）>readonly 设置多行文本框只读
（4）disabled 将多行文本框禁用
（5）maxlength 设置最大可输入的字符长度
（6）autofocus 获取焦点
（7）placeholder 设置输入时的提示信息
（8）rows设置行数, cols设置列数
（9）wrap 设置是否插入换行符，有 soft 和 hard 两种
（10）required 设置必须输入值，否则无法通过验证。

5、output计算结果

output 就是计算两个文本框之间的值，其实就是内嵌了 JavaScript 功能。