首页 > 其他分享 >如何修改html input type file 的语言

如何修改html input type file 的语言

时间:2022-10-14 10:34:16浏览次数:58  
标签:id html file input label display

情况描述:

在浏览器中,即使lang="en",文件输入框也会显示电脑的语言

如何修改:

思路:把原有的input框display:none,然后通过label触发对应功能,重新写入另一个div显示文件名。

<style>
	#id_for_file{
	display: none;
	}
	label{
		margin-top: 1rem;
		font-weight: bold;
		cursor: pointer;
	}
	label:hover{
		color: #b1dfbb;
	}
</style>
<body>
<label for="file">点我选择图片</label>
<input type="file" name="file">
<div id="display_file_name"></div>
</body>
<script>
	$("#id_for_file").change(function () {
		var filename = this.files[0].name;
		$("#display_file_name").html(filename)
		$("label[for='id_for_file']").attr("style","color:#b1dfbb")
	});
</script>

标签:id,html,file,input,label,display
From: https://www.cnblogs.com/lisicn/p/16790808.html

相关文章

  • 在HTML网页中巧用URL
    首先,先放出一个地址给大家测试​​http://cnbruce.com/test/htmlpro/?name=cnbruce&email=cnbruce@126.com​​1,时下流行的(可能是吧,因为最近问的人比......
  • error C2065: 'INVALID_SET_FILE_POINTER' : undeclared identifier
    SearchingMSDNforthatconstantbringsuponeresult:it'safailurecodefor ​​SetFilePointer()​​​ andisdefinedinwinbase.h,whichisincludedinan......
  • 11.25 配置防盗链 11.26 访问控制Directory 11.27 访问控制FilesMatch
    11.25配置防盗链防盗链的功能可以通过限制referer来实现,不是本机服务器所认识的referer,不允许第三方服务器通过链接引用跳转至本机服务器进行访问。修改虚拟主机配置文......
  • FileChannel 数据传输(文件拷贝)
       importjava.io.FileInputStream;importjava.io.FileOutputStream;importjava.io.IOException;importjava.nio.channels.FileChannel;publicclassFile......
  • Can't uninstall 'Pillow'. No files were found to uninstall.
    Can'tuninstall'Pillow'.Nofileswerefoundtouninstall.Pillow卸载不掉的解决办法1、进入python所在路径,进入scripts文件夹2、执行pipuninstallPillow卸载 ......
  • HTML基础
    HyperTextMarkupLanguage一、HTML基本结构标签成对出现,单个的叫自闭合标签二、网页基本信息DOCTYPE:告诉浏览器要使用什么规范meta:描述性标签,用来描述网站信息......
  • HTML元素
      <form>表单以下是表单元素 <input type=  text文本 /  radio单选按钮/  submit提交按钮>输入属性  action在提交表单时执......
  • Docker | 使用dockerfile生成镜像,清理docker空间
    用dockerfile生成镜像并挂载数据卷编写dockerfile文件创建dockerfile01文件#基础镜像FROMcentosVOLUME["volume01","volume02"]CMDecho"-----end----"......
  • 【ELK】FileBeat配置说明
    FilebeatConfigurationExample###############Filebeat#############filebeat:#Listofprospectorstofetchdata.prospectors:-#paths指定要监控的......
  • 通过dockerfile发布微服务Springboot部署到docker容器
    通过IDEA创建一个demo项目新建一个测试接口,并打包成demo.jar,端口为1013通过jar包启动,访问测试接口:http://localhost:1013/hello查看jar包测试结果:{"msg":"测试接口成......