行内标签虽然可以大大节省横向和纵向的空间，但当提示信息消失的缺点也很明显，所以关于内联标签升级出了两种类型

内联标签（inline tag）

内联标签是将文本标签内置于输入域内部显示，原本显示输入提示的位置用来显示输入标签，在输入前告知用户输入域输入的数据内容，输入的时候标签消失。最常见于登录注册的场景。

优点：

如果屏幕空间十分有限，行内标签是最常使用的方法，同时节省了横向和纵向的页面空间；

缺点：

输入的时候标签会消失，会让用户产生困惑，使用体验较差，而且拓展性也较差；

一般用户记忆标签等信息使用的是大脑的短时记忆，一般不会刻意去记忆输入标签，所以极易导致用户忘记刚刚记住的标签而不知所措感到困惑；

适用场景：

某种通用的固定场景，例如登录注册等，或者表单录入项较少时可以考虑使用，建议不超过3个输入项；

比如UI中国，站酷等登录的页面。

注意：

人在短时间内只能记住5～9个单位，即“7加减2”法则，这是大部分用户的极限，但设计一般不会去挑战极限，而是要思考，还有一部分用户是远远达不到“7加减2”这个范畴，因此，在设计的时候，就需要降低用户的记忆门槛，采用更加适用的“2加减1”原则，当用户需要输入的字段多余三个的时候，就必须给表单留下标签，用来提示用户。

行内标签虽然可以大大节省横向和纵向的空间，但当提示信息消失的缺点也很明显，所以关于内联标签升级出了两种类型：

（1）浮动标签

浮动标签也是内联标签的一种演化形式，标签在输入前位于输入区类似占位符，在用户输入数据时，内部标签（输入提示信息）会发生位移和大小的变换，浮动到输入域的上面。

优点：

除了具备内联标签的优点节省水平和垂直的空间外，还无需用户对输入标签进行记忆，保障了用户录入信息的准确性。

缺点：

需要一定的开发成本。

适用场景：

除了适用与内联标签的应用场景外，还适用于一些具有一定复杂度表单，输入项较少的简易表单；

这种方式比较常见于登录注册的场景中，例如下图花瓣网就是采用该形式。