之前的章节简单的介绍了表单标签，那么在表单标签中最常使用到的是：<数据框>标签。

什么是<数据框>标签

<数据框>标签是单标签，它是多种UI标签的集合，例如：选择框、单选框、输入框、密码框等都可以使用<数据框>标签来实现。

数据框标签的基础语法如下：

<表单 表单地址="" 交互类型="">
    用户名:<数据框 属性名称="用户名" 数据类型="文本输入">
</表单>

知识点：在数据框中有三个属性是必须的，分别是属性名称、数据类型、数据值；属性名称是定义数据框的标识，可以中文或者英文，可以输入任意内容；而数据类型是定义数据框的UI样式，例如上面的文本输入则是定义一个可以输入常规文本的编辑框，数据值则规定了数据框的值，这个值会在与后端交互的时候被传输到后端。

那么接下来我们来实现一个文本输入的编辑框和密码输入的编辑框，代码如下：

<表单 表单地址="" 交互类型="">
    用户名:<数据框 属性名称="用户名" 数据类型="文本输入" 数据值="1111"><换行>
    密 码:<数据框 属性名称="用户密码" 数据类型="密码输入" 数据值="1314520">
</表单>

展示效果如下：

同时还可以通过默认提示属性来设置没有数据值时的默认提示信息，具体代码参考如下：

<数据框 属性名称="用户名" 数据类型="文本输入" 数据值="" 默认提示="请输入账号">

点击本处跳转案例下载：点击下载本文实例

采纳500+送小米笔记本电脑