HTMLDOM入力FileUploadはプロパティを受け入れます
HTMLDOM入力FileUploadacceptプロパティは、FileUploadのaccept属性の値である文字列を返します。ユーザーはそれを新しい値に設定することもできます。
構文
以下は構文です-
- 文字列値を返す
inputFileUploadObject.accept
- 値属性を文字列に設定します 値
inputFileUploadObject.accept = value
例
Input FileUpload acceptの例を見てみましょう プロパティ-
<!DOCTYPE html>
<html>
<head>
<title>Input FileUpload accept</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"]{
border-radius: 10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>FileUpload-accept</legend>
<label for="FileSelect">Upload:
<input type="file" id="FileSelect">
</label><br>
<input type="button" onclick="fileAccept('Audio')" value="Audio">
<input type="button" onclick="fileAccept('Image')" value="Image"><br>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputFile = document.getElementById("FileSelect");
divDisplay.textContent = 'All Files Accepted';
function fileAccept(fileType) {
if(fileType === 'Audio'){
inputFile.accept = 'audio/*';
divDisplay.textContent = 'Only '+inputFile.accept+' Files';
} else {
inputFile.accept = 'image/*';
divDisplay.textContent = 'Only '+inputFile.accept+' Files';
}
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
「オーディオ」をクリックした後 ボタン-
[画像]をクリックした後 ボタン-
-
HTMLDOM入力隠し値プロパティ
HTML DOM入力非表示値プロパティは、HTMLドキュメントのtype =” hidden”の入力フィールドのvalue属性の内容を返し、変更します。 構文 以下は構文です- 1.戻り値 object.value 2.値の変更 object.value=”text” 例 HTMLDOM入力の非表示値プロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body{ text-align:cen
-
HTMLDOM入力ファイルアップロードオートフォーカスプロパティ
HTML DOM Input FileUpload autofocusプロパティは、InputFileUploadが最初のページ読み込みにフォーカスされているかどうかを設定/返します。 構文 以下は構文です- ブール値を返す-true/false inputFileUploadObject.autofocus オートフォーカスをbooleanValueに設定する inputFileUploadObject.autofocus = booleanValue ブール値 ここでは、「booleanValue」 次のようになります- booleanValue 詳細 t