前言:
而今我们对“htmldropdownlist样式”都比较讲究,看官们都想要分析一些“htmldropdownlist样式”的相关资讯。那么小编在网络上搜集了一些对于“htmldropdownlist样式””的相关文章,希望同学们能喜欢,姐妹们一起来学习一下吧!下拉列表,又称下拉框,是一个可切换列表,其中包含多个选项,一次只能选择一个选项。
当你需要从多个答案中选中某一个时,可以采用此部件。比如国家的选择/地区的选择等。
添加,删除和重新排序Droplist选项
9DropList.png
元件添加:直接从左侧元件库上拖入;下拉列表的编辑:直接双击Droplist;选项的添加:点击左侧上方添加按钮(上图中第一个红框);选项内容的编辑:点击左侧上方的编辑多项按钮 (上图中第二个红框)选项内容的输入:可直接右侧弹出窗口中输入;选项的排序:选中某一个选项后,使用上方的上移或下移箭头;选项的删除:选中某一个选项后,点击上方的删除按钮。
定义默认选项
通常,第1个选项为默认选项;
自定义选项:直接在选项前打上对勾。
注意:若需要设置默认选项为空白选项,则将该选项的内容输入为一个空格
9DropListDefault.png
特殊交互
针对下拉列表的特殊交互选项改变时, 可运用此交互来设置对应选项的交互事件。
可以设置全局变量将值传送至其他页面;可以在交互事件选项改变时中设置条件,来触发其他元件的样式或动作。
9DropListInteraction.png
下拉框的<font color=red>提交按钮</font>
当鼠标进入下拉框的范围(获取焦点)时, 按住Enter键可以触发另一个元件的鼠标单击事件(OnClick事件), 这一个元件称为提交按钮(submit button)。
为下拉框指定提交按钮的方法:选中下拉框后,单击右侧的选项,下方的“提交按钮”,在下拉菜单中选择要触发的元件。
9DropListSubmitButton.png
标签: #htmldropdownlist样式