JavaWeb Eclipse插件 压制组装机 gitee Mixin Gradle docker安装 iphone webpack pip jboss webkit 后台页面模板 seo教程下载 华为路由器ipv6配置 kafka默认端口 ab软启动器 json转object html下拉框默认选中 math保留两位小数 vue与html5 安装python python多线程编程 python3下载安装 python中re模块 python编程工具 eclipse安装python python建站 javamysql java数据库 java开发环境安装 java的方法 jdbc连接mysql java获取当前ip java中scanner用法 java接口开发 java读取文件 linux基础教程 vbscript程序员参考手册 atq
当前位置: 首页 > 学习教程  > 

bootstrap的文本框的前缀和后缀,单选框和复选框

2020/10/16 17:43:20 文章标签: bootstrap文本框

文本框的前后缀 <div class"container"><h1 class"page-header">文本框的前缀和后缀</h1><div class"input-prepend input-append"><span class"add-on">&yen;</span><input type"te…

文本框的前后缀

    <div class="container">
        <h1 class="page-header">文本框的前缀和后缀</h1>
        <div class="input-prepend input-append">
            <span class="add-on">&yen;</span><input type="text"><span
                class="add-on">.00</span>
        </div>
        <div class="input-append">
            <input type="text"><input type="button" name="aa" value="提交"
                class="btn">
        </div>
    </div>

这里写图片描述
这里可能是浏览器的解析问题,没有很好的使前缀和后缀很好的组合在一起

class=”input-append”后缀
class=”input-prepend”前缀

单选按钮

    <div class="container">
            <h1 class="page-header">单选按钮</h1>
            <label>选择你的按钮</label>
            <label class="radio">
                <input type="radio" name="gender" value="male"></label>
            <label class="radio">
                <input type="radio" name="gender" value="female"></label>
            <label class="radio">
                <input type="radio" name="gender" value="other">其他
            </label>
        </div>

这里写图片描述
class=”radio”可以更加好的显示单选按钮

复选框

<div class="container">
        <h1 class="page-header">复选框</h1>
        <label>选择你喜欢的专业</label> <label class="checkbox inline"> <input
            type="checkbox" name="cms" value="Java">Java </label> <label
            class="checkbox inline"> <input type="checkbox" name="cms"
            value=".Net">.Net </label> <label class="checkbox inline"> <input
            type="checkbox" name="cms" value="PHP">PHP </label>

    </div>

这里写图片描述
class=”checkbox”可以更好的显示复选框
class=”inline”可以使复选框都在同一行


本文链接: http://www.dtmao.cc/news_show_300030.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?