这篇文章主要介绍了阿马泽伊输入框组的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
本文主要介绍了阿马泽伊输入框组的示例代码，分享给大家，具体如下：
效果图：
！声明文档类型
html class=’no-js ‘
头
meta charset=’utf-8 ‘
meta http-equiv=’ X-UA-Compatible ‘ content=’ IE=edge ‘
元名称=’描述’内容=’ ‘
meta name=’keywords’ content=’ ‘
meta name=’ viewport ‘ content=’ width=device-width，initial-scale=1 ‘
标题输入框组/标题
meta name=’ renderer ‘ content=’ WebKit ‘
meta http-equiv=’ Cache-Control ‘ content=’ no-site app ‘/
link rel=’ icon ‘ type=’ image/png ‘ href=’ assets/I/favicon。巴布亚新几内亚
元名称=’支持移动网络应用内容=’是’
link rel=’ icon ‘ size=’ 192 x192 ‘ href=’ assets/I/app-icon 72 x72 @ 2x。巴布亚新几内亚
meta name=’ apple-mobile-we b-app-capable ‘ content=’ yes ‘
meta name=’ apple-mobile-we B- app-状态栏-style ‘ content=’ black ‘
meta name=’ apple-mobile-we B- app-title ‘ content=’ Amaze UI ‘/
link rel=’ apple-touch-icon-pre composed ‘ href=’ assets/I/app-icon 72 x 72 @ 2x。巴布亚新几内亚
meta name=’ ms application-tile image ‘ content=’ assets/I/app-icon 72 x72 @ 2x。巴布亚新几内亚
meta name=’ ms应用程序-磁贴颜色’ content=’ # 0e 90d 2 ‘
link rel=’样式表’ href=’ assets/CSS/amaze ui。量滴’ CSS ‘
/头
body style=’ margin:10px；’
！-输入框与标签-
div class=’am-input-group ‘
span class=’ am-input-group-label ‘ I class=’ am-icon-user am-icon-fw ‘/I/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’ Username ‘
/div
div class=’am-input-group ‘
span class=’ am-input-group-label ‘ I class=’ am-icon-lock am-icon-fw ‘/I/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’ Password ‘
/div
div class=’am-input-group ‘
输入类型=’text’ class=’am-form-field ‘
span class=’ am-input-group-label ‘。00/span
/div
div class=’am-input-group ‘
span class=’ am-input-group-label ‘ $/span
输入类型=’text’ class=’am-form-field ‘
span class=’ am-input-group-label ‘。00/span
/div
！-复选/单选框与输入框-
div class=’am-g ‘
div class=” am-u-LG-6 ”
div class=’am-input-group ‘
‘ am-输入-组-标签’
输入类型=’复选框’
/span
输入类型=’text’ class=’am-form-field ‘
/div
/div
div class=” am-u-LG-6 ”
div class=’am-input-group ‘
‘ am-输入-组-标签’
输入类型=’收音机’
/span
输入类型=’text’ class=’am-form-field ‘
/div
/div
/div
！-输入框结合按钮-
div class=’am-g ‘
div class=” am-u-LG-6 ”
div class=’am-input-group ‘
span class=’am-input-group-btn ‘
am-BTN am-BTN-默认’ type=’ button ‘ span class=’ am-icon-search ‘/span/button
/span
输入类型=’text’ class=’am-form-field ‘
/div
/div
div class=” am-u-LG-6 ”
div class=’am-input-group ‘
输入类型=’text’ class=’am-form-field ‘
span class=’am-input-group-btn ‘
按钮’ am-BTN am-BTN-默认’ type=’ button ‘手气还行/按钮
/span
/div
/div
/div
！-尺寸-
div class=’ am-input-group am-input-group-LG ‘
span class=’ am-input-group-label ‘ @/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’ Username ‘
/div
div class=’am-input-group ‘
span class=’ am-input-group-label ‘ @/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’ Username ‘
/div
div class=’ am-input-group am-input-group-sm ‘
span class=’ am-input-group-label ‘ @/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’ Username ‘
/div
！-颜色-
‘ am-输入组am-输入组-主’
span class=’ am-input-group-label ‘ I class=’ am-icon-user am-icon-fw ‘/I/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’提示信息’
/div
div class=’ am-input-group am-input-group-secondary ‘
span class=’ am-input-group-label ‘ I class=’ am-icon-user am-icon-fw ‘/I/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’提示信息’
/div
div class=’ am-input-group am-input-group-success ‘
span class=’ am-input-group-label ‘ I class=’ am-icon-user am-icon-fw ‘/I/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’提示信息’
/div
am-input-group am-input-group-warning ‘
span class=’ am-input-group-label ‘ I class=’ am-icon-user am-icon-fw ‘/I/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’提示信息’
/div
div class=’ am-input-group am-input-group-danger ‘
span class=’ am-input-group-label ‘ I class=’ am-icon-user am-icon-fw ‘/I/span
输入类型=’ text ‘ class=’ am-form-field ‘ placeholder=’提示信息’
/div
div class=’am-g ‘
div class=” am-u-LG-6 ”
div class=’ am-input-group am-input-group-danger ‘
‘ am-输入-组-标签’
输入类型=’复选框’
/span
输入类型=’text’ class=’am-form-field ‘
/div
/div
div class=” am-u-LG-6 ”
‘ am-输入组am-输入组-主’
span class=’am-input-group-btn ‘
am-BTN am-BTN-主要’ type=’ button ‘ span class=’ am-icon-search ‘/span/button
/span
输入类型=’text’ class=’am-form-field ‘
/div
/div
/div
！- [if (gte IE 9)|！(IE)]！-
脚本src=’ assets/js/jquery。量滴js ‘/脚本
！- ![endif] –
！-[如果lte IE 8 ]
脚本src=’ assets/ie8/jquery。量滴js ‘/脚本
script src=’ assets/ie8/modernizr。js ‘/脚本
脚本src=’ assets/js/amaze ui。ie 8聚填充。量滴js ‘/脚本
！[endif] –
脚本src=’ assets/js/amaze ui。量滴js ‘/脚本
/body
/html
到此这篇关于阿马泽伊输入框组的示例代码的文章就介绍到这了，更多相关阿马泽伊输入框内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
来源：脚本之家
链接：https://www。jb51。net/html 5/740632。超文本标记语言
