最新公告
  • 欢迎您光临凯崖之家,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 这篇文章主要介绍了HTML5输入框下拉菜单功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

    1.单选框代码

    <span>性别:</span>
    
                <input name="sex" value="" type="radio">男
    
                <input name="sex" value="" type="radio">女

    需要注意的是单选框name值需保持一致

    样式

    复选框

    2.复选框代码

     <span>喜欢的类型:</span>
    
        <input type="checkbox">妩媚的
    
        <input type="checkbox">可爱的
    
        <input type="checkbox">小鲜肉
    
        <input type="checkbox">老腊肉
    
        <input type="checkbox">都喜欢

    如需要进行form表单提交 则需要name的属性一样

    样式

    文本

    3.文本框代码示例

    <span>所在地区:</span>
    
        <input type="text">

    代码运行界面样式:

    文本域

    4.文本域代码示例

    <span class="te2">自我介绍:</span>
    
        <textarea rows="2" cols="21"></textarea>

    注意点:

    rows相当于height , cols相当于width

    若想设置为禁止拖动则添加代码

    <textarea style="resize:none;"></textarea>

    代码运行示例:

    下拉菜单

    5.下拉菜单代码示例:

    <select name="" id="">
    
            <option value="" disabled selected hidden>--请选择月--</option>
    
            <option value="">1</option>
    
            <option value="">2</option>
    
            <option value="">3</option>
    
            <option value="">4</option>
    
            <option value="">5</option>
    
            <option value="">6</option>
    
            <option value="">7</option>
    
            <option value="">8</option>
    
            <option value="">9</option>
    
            <option value="">10</option>
    
            <option value="">11</option>
    
            <option value="">12</option>
    
        </select>

    注意点:disabled selected hidden这是设置下拉菜单默认提示文字

    到此这篇关于HTML5输入框下拉菜单功能的示例代码的文章就介绍到这了!

    凯崖之家KAIYAZJ.COM一个优质的模板开发平台
    凯崖之家 » HTML5输入框下拉菜单功能的示例代码

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    凯崖之家
    一个高级程序员模板开发平台

    发表评论

    发表评论

    • 252会员总数(位)
    • 1064资源总数(个)
    • 103本周发布(个)
    • 13 今日发布(个)
    • 297稳定运行(天)

    凯崖之家KAIYAZJ.COM一个优质的模板开发平台

    立即查看 立即注册
    升级SVIP尊享更多特权立即升级