→●

HTMLInputElement.webkitDirectory 非推奨

webkitdirectory という HTML 属性の値を反映し、<input> 要素によってユーザーがファイルの代わりにディレクトリを選択できることを示します。

内容表示と操作

Test1＝ ／[Edge]

accept[string]＝

alt[string]＝

autocomplete[string]＝

defaultChecked[boolean]＝false

checked[boolean]＝false

dirName[string]＝

disabled[boolean]＝false

form[object]＝[object HTMLFormElement]

files[object]＝null

formAction[string]＝file:///C:/Users/tetuy/Documents/%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E9%96%A2%E4･･･

formEnctype[string]＝

formMethod[string]＝

formNoValidate[boolean]＝false

formTarget[string]＝

height[number]＝0

indeterminate[boolean]＝false

list[object]＝null

max[string]＝

maxLength[number]＝-1

min[string]＝

minLength[number]＝-1

multiple[boolean]＝false

name[string]＝

pattern[string]＝

placeholder[string]＝

readOnly[boolean]＝false

required[boolean]＝false

size[number]＝20

src[string]＝

step[string]＝

type[string]＝text

defaultValue[string]＝てすとです

value[string]＝てすとです

valueAsDate[object]＝null

valueAsNumber[number]＝NaN

width[number]＝0

willValidate[boolean]＝true

validity[object]＝[object ValidityState]

validationMessage[string]＝

labels[object]＝[object NodeList]

selectionStart[number]＝0

selectionEnd[number]＝0

selectionDirection[string]＝forward

align[string]＝

useMap[string]＝

webkitdirectory[boolean]＝false

incremental[boolean]＝false

checkValidity[function]＝function checkValidity() { [native code] }

reportValidity[function]＝function reportValidity() { [native code] }

select[function]＝function select() { [native code] }

setCustomValidity[function]＝function setCustomValidity() { [native code] }

setRangeText[function]＝function setRangeText() { [native code] }

setSelectionRange[function]＝function setSelectionRange() { [native code] }

stepDown[function]＝function stepDown() { [native code] }

stepUp[function]＝function stepUp() { [native code] }

webkitEntries[object]＝

title[string]＝

lang[string]＝

translate[boolean]＝true

dir[string]＝

hidden[boolean]＝false

accessKey[string]＝

draggable[boolean]＝false

spellcheck[boolean]＝true

autocapitalize[string]＝

contentEditable[string]＝inherit

isContentEditable[boolean]＝false

inputMode[string]＝

offsetParent[object]＝[object HTMLBodyElement]

offsetTop[number]＝625

offsetLeft[number]＝32

offsetWidth[number]＝177

offsetHeight[number]＝21

style[object]＝[object CSSStyleDeclaration]

innerText[string]＝

outerText[string]＝

onbeforexrselect[object]＝null

onabort[object]＝null

onblur[object]＝null

oncancel[object]＝null

oncanplay[object]＝null

oncanplaythrough[object]＝null

onchange[object]＝null

onclick[object]＝null

onclose[object]＝null

oncontextmenu[object]＝null

oncuechange[object]＝null

ondblclick[object]＝null

ondrag[object]＝null

ondragend[object]＝null

ondragenter[object]＝null

ondragleave[object]＝null

ondragover[object]＝null

ondragstart[object]＝null

ondrop[object]＝null

ondurationchange[object]＝null

onemptied[object]＝null

onended[object]＝null

onerror[object]＝null

onfocus[object]＝null

onformdata[object]＝null

oninput[object]＝null

oninvalid[object]＝null

onkeydown[object]＝null

onkeypress[object]＝null

onkeyup[object]＝null

onload[object]＝null

onloadeddata[object]＝null

onloadedmetadata[object]＝null

onloadstart[object]＝null

onmousedown[object]＝null

onmouseenter[object]＝null

onmouseleave[object]＝null

onmousemove[object]＝null

onmouseout[object]＝null

onmouseover[object]＝null

onmouseup[object]＝null

onmousewheel[object]＝null

onpause[object]＝null

onplay[object]＝null

onplaying[object]＝null

onprogress[object]＝null

onratechange[object]＝null

onreset[object]＝null

onresize[object]＝null

onscroll[object]＝null

onseeked[object]＝null

onseeking[object]＝null

onselect[object]＝null

onstalled[object]＝null

onsubmit[object]＝null

onsuspend[object]＝null

ontimeupdate[object]＝null

ontoggle[object]＝null

onvolumechange[object]＝null

onwaiting[object]＝null

onwebkitanimationend[object]＝null

onwebkitanimationiteration[object]＝null

onwebkitanimationstart[object]＝null

onwebkittransitionend[object]＝null

onwheel[object]＝null

onauxclick[object]＝null

ongotpointercapture[object]＝null

onlostpointercapture[object]＝null

onpointerdown[object]＝null

onpointermove[object]＝null

onpointerup[object]＝null

onpointercancel[object]＝null

onpointerover[object]＝null

onpointerout[object]＝null

onpointerenter[object]＝null

onpointerleave[object]＝null

onselectstart[object]＝null

onselectionchange[object]＝null

onanimationend[object]＝null

onanimationiteration[object]＝null

onanimationstart[object]＝null

ontransitionrun[object]＝null

ontransitionstart[object]＝null

ontransitionend[object]＝null

ontransitioncancel[object]＝null

oncopy[object]＝null

oncut[object]＝null

onpaste[object]＝null

dataset[object]＝[object DOMStringMap]

nonce[string]＝

autofocus[boolean]＝false

tabIndex[number]＝0

attachInternals[function]＝function attachInternals() { [native code] }

blur[function]＝function blur() { [native code] }

click[function]＝function click() { [native code] }

focus[function]＝function focus() { [native code] }

onpointerrawupdate[object]＝null

enterKeyHint[string]＝

namespaceURI[string]＝http://www.w3.org/1999/xhtml

prefix[object]＝null

localName[string]＝input

tagName[string]＝INPUT

id[string]＝Test1

className[string]＝

classList[object]＝

slot[string]＝

attributes[object]＝[object NamedNodeMap]

shadowRoot[object]＝null

part[object]＝

assignedSlot[object]＝null

innerHTML[string]＝

outerHTML[string]＝<input id="Test1" type="text" value="てすとです">

scrollTop[number]＝0

scrollLeft[number]＝0

scrollWidth[number]＝173

scrollHeight[number]＝17

clientTop[number]＝2

clientLeft[number]＝2

clientWidth[number]＝173

clientHeight[number]＝17

attributeStyleMap[object]＝[object StylePropertyMap]

onbeforecopy[object]＝null

onbeforecut[object]＝null

onbeforepaste[object]＝null

onsearch[object]＝null

elementTiming[string]＝

onfullscreenchange[object]＝null

onfullscreenerror[object]＝null

onwebkitfullscreenchange[object]＝null

onwebkitfullscreenerror[object]＝null

children[object]＝[object HTMLCollection]

firstElementChild[object]＝null

lastElementChild[object]＝null

childElementCount[number]＝0

previousElementSibling[object]＝null

nextElementSibling[object]＝[object HTMLBRElement]

after[function]＝function after() { [native code] }

animate[function]＝function animate() { [native code] }

append[function]＝function append() { [native code] }

attachShadow[function]＝function attachShadow() { [native code] }

before[function]＝function before() { [native code] }

closest[function]＝function closest() { [native code] }

computedStyleMap[function]＝function computedStyleMap() { [native code] }

getAttribute[function]＝function getAttribute() { [native code] }

getAttributeNS[function]＝function getAttributeNS() { [native code] }

getAttributeNames[function]＝function getAttributeNames() { [native code] }

getAttributeNode[function]＝function getAttributeNode() { [native code] }

getAttributeNodeNS[function]＝function getAttributeNodeNS() { [native code] }

getBoundingClientRect[function]＝function getBoundingClientRect() { [native code] }

getClientRects[function]＝function getClientRects() { [native code] }

getElementsByClassName[function]＝function getElementsByClassName() { [native code] }

getElementsByTagName[function]＝function getElementsByTagName() { [native code] }

getElementsByTagNameNS[function]＝function getElementsByTagNameNS() { [native code] }

hasAttribute[function]＝function hasAttribute() { [native code] }

hasAttributeNS[function]＝function hasAttributeNS() { [native code] }

hasAttributes[function]＝function hasAttributes() { [native code] }

hasPointerCapture[function]＝function hasPointerCapture() { [native code] }

insertAdjacentElement[function]＝function insertAdjacentElement() { [native code] }

insertAdjacentHTML[function]＝function insertAdjacentHTML() { [native code] }

insertAdjacentText[function]＝function insertAdjacentText() { [native code] }

matches[function]＝function matches() { [native code] }

prepend[function]＝function prepend() { [native code] }

querySelector[function]＝function querySelector() { [native code] }

querySelectorAll[function]＝function querySelectorAll() { [native code] }

releasePointerCapture[function]＝function releasePointerCapture() { [native code] }

remove[function]＝function remove() { [native code] }

removeAttribute[function]＝function removeAttribute() { [native code] }

removeAttributeNS[function]＝function removeAttributeNS() { [native code] }

removeAttributeNode[function]＝function removeAttributeNode() { [native code] }

replaceChildren[function]＝function replaceChildren() { [native code] }

replaceWith[function]＝function replaceWith() { [native code] }

requestFullscreen[function]＝function requestFullscreen() { [native code] }

requestPointerLock[function]＝function requestPointerLock() { [native code] }

scroll[function]＝function scroll() { [native code] }

scrollBy[function]＝function scrollBy() { [native code] }

scrollIntoView[function]＝function scrollIntoView() { [native code] }

scrollIntoViewIfNeeded[function]＝function scrollIntoViewIfNeeded() { [native code] }

scrollTo[function]＝function scrollTo() { [native code] }

setAttribute[function]＝function setAttribute() { [native code] }

setAttributeNS[function]＝function setAttributeNS() { [native code] }

setAttributeNode[function]＝function setAttributeNode() { [native code] }

setAttributeNodeNS[function]＝function setAttributeNodeNS() { [native code] }

setPointerCapture[function]＝function setPointerCapture() { [native code] }

toggleAttribute[function]＝function toggleAttribute() { [native code] }

webkitMatchesSelector[function]＝function webkitMatchesSelector() { [native code] }

webkitRequestFullScreen[function]＝function webkitRequestFullScreen() { [native code] }

webkitRequestFullscreen[function]＝function webkitRequestFullscreen() { [native code] }

ariaAtomic[object]＝null

ariaAutoComplete[object]＝null

ariaBusy[object]＝null

ariaChecked[object]＝null

ariaColCount[object]＝null

ariaColIndex[object]＝null

ariaColSpan[object]＝null

ariaCurrent[object]＝null

ariaDescription[object]＝null

ariaDisabled[object]＝null

ariaExpanded[object]＝null

ariaHasPopup[object]＝null

ariaHidden[object]＝null

ariaKeyShortcuts[object]＝null

ariaLabel[object]＝null

ariaLevel[object]＝null

ariaLive[object]＝null

ariaModal[object]＝null

ariaMultiLine[object]＝null

ariaMultiSelectable[object]＝null

ariaOrientation[object]＝null

ariaPlaceholder[object]＝null

ariaPosInSet[object]＝null

ariaPressed[object]＝null

ariaReadOnly[object]＝null

ariaRelevant[object]＝null

ariaRequired[object]＝null

ariaRoleDescription[object]＝null

ariaRowCount[object]＝null

ariaRowIndex[object]＝null

ariaRowSpan[object]＝null

ariaSelected[object]＝null

ariaSetSize[object]＝null

ariaSort[object]＝null

ariaValueMax[object]＝null

ariaValueMin[object]＝null

ariaValueNow[object]＝null

ariaValueText[object]＝null

getAnimations[function]＝function getAnimations() { [native code] }

nodeType[number]＝1

nodeName[string]＝INPUT

baseURI[string]＝file:///C:/Users/tetuy/Documents/%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E9%96%A2%E4･･･

isConnected[boolean]＝true

ownerDocument[object]＝[object HTMLDocument]

parentNode[object]＝[object HTMLDivElement]

parentElement[object]＝[object HTMLDivElement]

childNodes[object]＝[object NodeList]

firstChild[object]＝null

lastChild[object]＝null

previousSibling[object]＝[object Text]

nextSibling[object]＝[object HTMLBRElement]

nodeValue[object]＝null

textContent[string]＝

ELEMENT_NODE[number]＝1

ATTRIBUTE_NODE[number]＝2

TEXT_NODE[number]＝3

CDATA_SECTION_NODE[number]＝4

ENTITY_REFERENCE_NODE[number]＝5

ENTITY_NODE[number]＝6

PROCESSING_INSTRUCTION_NODE[number]＝7

COMMENT_NODE[number]＝8

DOCUMENT_NODE[number]＝9

DOCUMENT_TYPE_NODE[number]＝10

DOCUMENT_FRAGMENT_NODE[number]＝11

NOTATION_NODE[number]＝12

DOCUMENT_POSITION_DISCONNECTED[number]＝1

DOCUMENT_POSITION_PRECEDING[number]＝2

DOCUMENT_POSITION_FOLLOWING[number]＝4

DOCUMENT_POSITION_CONTAINS[number]＝8

DOCUMENT_POSITION_CONTAINED_BY[number]＝16

DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC[number]＝32

appendChild[function]＝function appendChild() { [native code] }

cloneNode[function]＝function cloneNode() { [native code] }

compareDocumentPosition[function]＝function compareDocumentPosition() { [native code] }

contains[function]＝function contains() { [native code] }

getRootNode[function]＝function getRootNode() { [native code] }

hasChildNodes[function]＝function hasChildNodes() { [native code] }

insertBefore[function]＝function insertBefore() { [native code] }

isDefaultNamespace[function]＝function isDefaultNamespace() { [native code] }

isEqualNode[function]＝function isEqualNode() { [native code] }

isSameNode[function]＝function isSameNode() { [native code] }

lookupNamespaceURI[function]＝function lookupNamespaceURI() { [native code] }

lookupPrefix[function]＝function lookupPrefix() { [native code] }

normalize[function]＝function normalize() { [native code] }

removeChild[function]＝function removeChild() { [native code] }

replaceChild[function]＝function replaceChild() { [native code] }

addEventListener[function]＝function addEventListener() { [native code] }

dispatchEvent[function]＝function dispatchEvent() { [native code] }

removeEventListener[function]＝function removeEventListener() { [native code] }

input . indeterminate [ = value ]→●

被設定時には、現在の値が可視でなくなるように、Checkbox コントロールの描画を上書きする。

image . width [ = value ]→●
image . height [ = value ]→●

これらの属性は、［ 実際に描画された画像の寸法が既知であれば それ ／ 他の場合は 0 ］を返す。

いずれも、設定して、対応する内容属性を変更できる。

input . value [ = value ]→●

現在のコントロールの値を返す。

設定して，値を変更できる。

File コントロールに対しては、空文字列以外の値に設定されたときは、InvalidStateError 例外を投出する。

input . checked [ = value ]→●

コントロールの現在の チェック有無を返す。

設定して、チェック有無を変更できる。

input . files→●

コントロールにて選択されたファイル･リストを表現する FileList オブジェクトを返す。

コントロールが File コントロールでない場合、null を返す。

FileList オブジェクトに設定して ― 具体的には、ドラッグ＆ドロップ演算の結果など ― このフォーム･コントロールの選択されたファイル･リストを変更できる。

input . valueAsDate [ = value ]→●

適用可能なら、コントロールの値を表現する Date オブジェクトを返す。他の場合、 null を返す。

設定して、値を変更できる。

コントロールが日付／時刻に基づくものでない場合、InvalidStateError 例外を投出する。

input . valueAsNumber [ = value ]→●

適用可能なら、コントロールの値を表現する数を返す。他の場合、NaN を返す。

設定して、値を変更できる。NaN を設定すると、下層の値は空文字列に設定されることになる。

コントロールが日付／時刻に基づくものでも数量でもない場合、InvalidStateError 例外を投出する。

input . stepUp( [ n ] )→●
input . stepDown( [ n ] )→●

フォームコントロールの値に ( ( step 属性が与える値 ) × n ) を加減算する。n に対する既定の値は 1 である。

コントロールが日付／時刻に基づくものでも数量でもない、または step 属性の値が "any" の場合、InvalidStateError 例外を投出する。

input . list→●

list 属性で指示される datalist 要素を返す。

element . select()→●

テキスト･コントロール内のすべてを選択する。

element . selectionStart [ = value ]→●

選択の始端を指すオフセットを返す。

設定して、選択の始端を変更できる。

element . selectionEnd [ = value ]→●

選択の終端を指すオフセットを返す。

設定して、選択の終端を変更できる。

element . selectionDirection [ = value ]→●

現在の選択方向を返す。

設定して、現在の選択方向を変更できる。

可能な値は［ "forward"、"backward"、"none" ］のいずれかである。

element . setRangeText(replacement [, start, end [, selectionMode ] ] )→●

テキストのある範囲を、新たなテキストに置換する。start、end 引数が供されない場合の範囲は、選択全体と見做される。

最後の引数は、テキストが置換された後に、選択が どう設定されることになるかを決定する。可能な値は：

値	意味
"select"	新たに挿入されたテキストを選択する。
"start"	選択の始端, 終端ともに 挿入されたテキストの直前に移動する。
"end"	選択の始端, 終端ともに 挿入されたテキストの直後に移動する。
"preserve"	選択をなるべく保全しようと試みる。 これが既定。

element . willValidate→●

［ element はフォームの提出時に検証されるならば true ／ 他の場合は false ］を返す。

element . setCustomValidity( message )→●

カスタム･エラーを設定して element が検証時に失敗するようにする。message は 利用者に問題を報告するときに示されるメッセージを与える。

message が空文字列の場合、カスタム･エラーを空に戻す。

element . validity→●

妥当性状態を表現する、live な ValidityState オブジェクト

element . validity . valueMissing→●

［ element は必須の欄であって 値がない ならば true ／ 他の場合は false ］を返す。

element . validity . typeMismatch→●

［ element の値は正しい構文でないならば true ／ 他の場合は false ］を返す。

element . validity . patternMismatch→●

［ element の値は供されたパターンに合致しないならば true ／ 他の場合は false ］を返す。

element . validity . tooLong→●

［ element の値は 供された最大長さより長いならば true ／ 他の場合は false ］を返す。

element . validity . tooShort→●

［ element の値は 空文字列でない、かつ 供された最小長さより短いならば true ／ 他の場合は false ］を返す。

element . validity . rangeUnderflow→●

［ element の値は 供された最小より低いならば true ／ 他の場合は false ］を返す。

element . validity . rangeOverflow→●

［ element の値は 供された最大より高いならば true ／ 他の場合は false ］を返す。

element . validity . stepMismatch→●

［ element の値は step 属性が与える規則に合わないならば true ／ 他の場合は false ］を返す。

element . validity . badInput→●

［ 利用者がユーザー･インタフェース内に供した入力をユーザー･エージェントが値に変換できないならば true ／ 他の場合は false ］を返す。

element . validity . customError→●

［ element にカスタム･エラーがあるならば true ／ 他の場合は false ］を返す。

element . validity . valid→●

［ element の値に妥当性の問題がないならば true ／ 他の場合は false ］を返す。

valid = element . checkValidity()→●

［ element の値に妥当性の問題がないならば true ／ 他の場合は false ］を返す。加えて、false を返すときは、element に向けて invalid イベントを発火する。

valid = element . reportValidity()→●

［ element の値に妥当性の問題がないならば true ／ 他の場合は false ］を返す。加えて、false を返すときは、element に向けて invalid イベントを発火した上で、（イベントが取り消されなかったなら）問題を利用者に報告する。

element . validationMessage→●

element の妥当性が検査され、問題があった場合に 利用者に示されることになるエラー･メッセージを返す。