지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 파일 필드의 스타일을 변경한다는 아이디어는 ie 및 firefox_javascript 기술과도 호환됩니다.

파일 필드의 스타일을 변경한다는 아이디어는 ie 및 firefox_javascript 기술과도 호환됩니다.

WBOY
풀어 주다： 2016-05-16 17:19:03
원래의
1281명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

파일 ID= "j" onchange="getValue();" style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;position:absolute;left:166px;" 🎜>< ;input id="ye" style="color: green;border: 1px solid green;width:300px;" />






아이디어:

1. 완고한 파일 필드는 Transparent: style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;"

2. 텍스트 상자와 버튼을 사용하여 파일의 모양을 바꾸고

3. 우리가 작성한 버튼 위에 파일 필드의 찾아보기 버튼을 배치합니다.

4. 값이 변경될 때의 파일 필드 즉, 파일 경로를 가져와서 텍스트 상자의 값에 할당하면 됩니다.

나는 단지 실험 중이며 실제로 스타일은 매우 간단합니다.

이것의 장점: 그냥 시뮬레이션입니다. 파일 도메인의 모양은 변경되었지만 실제로 작동하는 것은 파일 도메인 파일이므로 매우 편리합니다.
관련 라벨：
file
원천：php.cn
이전 기사：Node.js는 쿠키 만료를 설정하고 브라우저의 해당 name_javascript 기술을 사용하여 쿠키를 지웁니다. 다음 기사：js 스위치 케이스 default_javascript 기술 사용 예 소개
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Width 속성을 추가하여 콘텐츠를 왼쪽으로 이동합니다. 나는 본문에 여백을 제공했습니다. main {left margin: 200px; right margin: 200px; text alignment: center} ...
에서 2024-04-06 22:01:35
0
3
816
React의 정렬 메서드에서 렌더링(필터 및 페이지 매김 사용)을 트리거하는 방법은 무엇입니까? 내 Sort.js 스타일 구성 요소는 다음과 같습니다. <SortWrapper><SortText>SortBy</SortText>&...
에서 2024-04-06 21:28:37
0
1
2257
웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까? 웹 애플리케이션을 개발 중입니다. 웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까? 저는 semantic versioning을 사용하고 있고 이미 ...
에서 2024-04-06 19:13:16
0
2
476
Imagick, Adobe Photoshop 및 Windows 비교 - 해상도 감지(센티미터당 픽셀 또는 인치당 픽셀) 이것은 질문이 아니라 DPI가 다양한 파일 형식으로 저장되는 방식에 대한 이해를 높이고 그것이 작동하는 이유에 대해 논의하려는 시도입니다. 저는 이미지(JPG, ...
에서 2024-04-06 16:01:27
0
1
397
클리어 후에도 내 파일 입력값은 그대로 남아있습니다 스크린샷에서 볼 수 있듯이. 파일을 선택하고 페이지를 새로 고치지 않고 팝업을 유지한 후 다시 열면 파일 입력이 여전히 내가 선택한 파일입니다. <input...
에서 2024-04-06 15:44:52
0
1
384
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿