具有删除功能的下拉菜单按钮。类似于QQ登录框的用户输入框

具有删除功能的下拉菜单按钮。类似于QQ登录框的用户输入框。先来看效果图:

该下拉框,具有的功能为:

1、编辑框和弹出的菜单具有图片功能。

2、在下拉菜单中选择的菜单具有放大功能。

3、编辑框具有默认图标设置功能。

4、下拉菜单项具有删除功能。(只有下拉菜单在鼠标经过时才显示删除按钮)

5、对菜单项的操作具有监听接口。(接口类:MItemListeners)

 

下面贴出程序:

MDeleteComBox(主程序)

MDeleteComBoxEntry(菜单项)

菜单项监视接口类:

MItemListener

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
以下是一个包含单选,复选输入框下拉菜单和提交按钮的 Bootshape 表单的示例代码: ```html <form> <div class="form-group"> <label for="nameInput">Name</label> <input type="text" class="form-control" id="nameInput" placeholder="Enter your name"> </div> <div class="form-group"> <label for="emailInput">Email address</label> <input type="email" class="form-control" id="emailInput" placeholder="Enter your email address"> </div> <div class="form-group"> <label for="genderInput">Gender</label> <div class="form-check"> <input class="form-check-input" type="radio" name="genderInput" id="maleRadio" value="male"> <label class="form-check-label" for="maleRadio"> Male </label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="genderInput" id="femaleRadio" value="female"> <label class="form-check-label" for="femaleRadio"> Female </label> </div> </div> <div class="form-group"> <label for="interestsInput">Interests</label> <div class="form-check"> <input class="form-check-input" type="checkbox" value="music" id="musicCheckbox"> <label class="form-check-label" for="musicCheckbox"> Music </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="sports" id="sportsCheckbox"> <label class="form-check-label" for="sportsCheckbox"> Sports </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="movies" id="moviesCheckbox"> <label class="form-check-label" for="moviesCheckbox"> Movies </label> </div> </div> <div class="form-group"> <label for="citySelect">City</label> <select class="form-control" id="citySelect"> <option>New York</option> <option>Los Angeles</option> <option>Chicago</option> <option>Houston</option> <option>Philadelphia</option> </select> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> ``` 这个表单包括五个输入字段:姓名,电子邮件地址,性别(单选),兴趣爱好(复选),城市(下拉菜单)。每个输入字段都有一个相应的标签和占位符文本。表单中还有一个提交按钮。这个表单的样式使用了 Bootstrap 的默认样式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值