美文网首页
4.表单元件

4.表单元件

作者: 玉箫儿 | 来源:发表于2018-03-08 09:49 被阅读0次

表单元件有:文本框、多行文本框、下拉列表框、列表框、复选框、单选按钮和提交按钮。

表单元件主要是用来模拟一些数据交互的形式,比如登录、添加信息、提交数据等等。

以最常用的注册来做例子。

最终界面如下:

1.文本框

文本框用来提供给用户输入信息,类型有文本、数字,密码等等。选择不同的类型的文本框,输入信息就会有所差别,根据具体情况而定。例如在用户名和密码一栏可以随便输入字符,当然你也可以控制字符的长度,但是显示会有所差别,用户名会明显,密码则是暗显。样式不做说明。另外多行文本框和文本框很类似,只不过是允许输入多行。

2.单选按钮

单选按钮供用户选择,顾名思义,只能在单选按钮组中选择一个,那么问题来了,如何让多个单选按钮成为一组单选按钮?了解过的人应该知道,一组单选按钮的特征就是name相同,在Axure中也就是输入相同的按钮组名称,这样名称相同的单选按钮就会自动归为一组。例如:

3.下拉列表框

下拉列表框和单选按钮经常可以互换,但是如果可供选择的选项太多,建议用下拉列表框。在选择下拉列表框后,双击就会出现可以添加选择的对话框。也可以点击右边属性的列表项进行编辑。列表框和下拉列表框类似,只不过是没有下拉的小三角,另外,列表框可以多选。

4.复选框

顾名思义也就是可以选择多个选项。用法很简单,没有特殊的说明。

5.提交按钮

提交按钮也是按钮,作用主要是点击之后会起到交互的作用。

表单元件比较简单,尤其是对做过项目的人来说,很多用法都类似。

相关文章

  • 4.表单元件

    表单元件有:文本框、多行文本框、下拉列表框、列表框、复选框、单选按钮和提交按钮。 表单元件主要是用来模拟一些数据交...

  • web元件库、axure元件库、通用元件库、常用web组件、常用

    web元件库、axure元件库、通用元件库、常用web组件、常用表单、框架、数据表单、导航栏、边框、图标、列表、日...

  • 002、Axure的表单元件

    说说Axure的表单元件 第一部分 通俗的理解表单 所谓表单,就是承接用户输入的内容的元件,负责把用户的内容存储和...

  • Axure新手入门(一)

    本文目录 基础1. 添加元件到画布 基础2. 添加元件名称 基础3. 设置元件位置/尺寸 基础4. 设置元件默认角...

  • 4. 表单

    4.1 HTML表单 先看一个简单的HTML表单 4.2 使用Flask-wtf处理表单 Flask-wtf默认为...

  • HTML表单用法的简单说明

    form表单 form表单表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。 常用属...

  • js事件入门(4)

    4.表单事件 表单事件处理主要用来验证表单,可以处理用户在表单上所做的任何操作。 #4.1.onsubmit事件 ...

  • 简单介绍HTML表单的用法

    1.工作机制 2.表单定义 HTML表单是一个包含表单元素的区域, 表单使用 3.结构 4.表单属性 ...

  • HTML第二节第二天

    4.表单标签 4.1Form标签 Form标签,表单的域标签,用于包裹整个表单的内容。 表单就是用户提交数据到后台...

  • 2019-03-16第五课表单

    表单 一、 表单的基本应用 (一) 表单典型的应用场景 1. 登录、注册 2. 网上订单 3. 调查问卷 4. 网...

网友评论

      本文标题:4.表单元件

      本文链接:https://www.haomeiwen.com/subject/vpuefftx.html