HTML DOM FileUpload name 속성은 HTML에서 fileupload 입력 유형의 name 속성 값을 반환하고 수정합니다.
구문
다음은 구문입니다 -
1. 반환 이름
object.name
2. 설정 이름
object.name=”text”
예시
FileUpload 이름 속성의 예를 살펴보겠습니다 -
<!DOCTYPE html> <html> <head> <title>HTML DOM name Property</title> <style> body{ background-color:#397367; color:#fff; padding:20px; } .btn{ display:block; background-color:#22223B; color:#fff; border:none; padding:0.5rem; border-radius:50px; width:80%; margin:10px; } .show-name{ font-weight:bold; font-size:1.4rem; color:#fff; } </style> </head> <body> <h1>FileUpload name Property Example</h1> <input type="file" name="My_Name"> <button onclick="setName()" class="btn">Click to change Name attribute value of choose file input</button> <div class="show-name"></div> <script> function setName() { var chooseFileBtn= document.querySelector("input"); document.querySelector(".show-name").innerHTML ="Previous Name = " + chooseFileBtn.name + ""; chooseFileBtn.name = "My_New_Name"; document.querySelector(".show-name").innerHTML +="New Name = " + chooseFileBtn.name + ""; } </script> </body> </html>
출력
이것은 다음과 같은 출력을 생성합니다 -
다음은 "요소 검사"입니다 -
"파란색 ” 버튼을 눌러 파일 업로드 입력 유형의 이름 속성 값을 변경합니다. -
"요소 검사"는 다음을 표시합니다. -