zoukankan      html  css  js  c++  java
  • <input type="file">中怎设置那个按钮的样式

         最近才开始学习HTML,在练习表单的过程中,发现在使用<input type="file"/>这个类型的元素,产生的文件框和浏览按扭,它们的样式往往不符合我们的需要。怎么改变呢,我上网搜索了一些方法,说的是设置将file隐藏,然后用一个按钮覆盖就可以了,我总结了一下之后,具体方法如下:

       1、放一个text类型的文本框。
       2、放一个button类型的按扭。
       3、放一个file类型。
       4、调整button和file的样式,目标:将file隐藏,使其位置和button位置重叠。
       5、当上传框file的值有所改变时通过onchange事件句柄执行text.value=this.value,即保持真正的上传框与模拟的上传框的值同步更新。

        具体的代码如下:

    <input type="text" name="txt">
    <input type="file" name="fil" style="display: none" onchange="txt.value=this.value">
    <button onclick="fil.click()">浏览...</button>
    就这样轻松解决了
  • 相关阅读:
    cocos2d翻牌效果实现
    ShareSDK
    cocos2diphone版本选择
    UITextView设置透明背景
    iOS常用第三方类库
    CCMenu布局
    macosx下安装mysql
    mac截图
    iPhone对OpenGL ES的支持
    cocos2d下action和线程
  • 原文地址:https://www.cnblogs.com/pengwanxing/p/5296595.html
Copyright © 2011-2022 走看看