ใ“ใฎใƒšใƒผใ‚ธใฏใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใฎๅฐฝๅŠ›ใง่‹ฑ่ชžใ‹ใ‚‰็ฟป่จณใ•ใ‚Œใพใ—ใŸใ€‚MDN Web Docs ใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใซใคใ„ใฆใ‚‚ใฃใจ็Ÿฅใ‚Šใ€ไปฒ้–“ใซใชใ‚‹ใซใฏใ“ใกใ‚‰ใ‹ใ‚‰ใ€‚

View in English Always switch to English

HTMLInputElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. Itโ€™s been available across browsers since โจ2015ๅนด7ๆœˆโฉ.

* Some parts of this feature may have varying levels of support.

HTMLInputElement ใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใฏ <input> ่ฆ็ด ใฎใ‚ชใƒ—ใ‚ทใƒงใƒณใ€ใƒฌใ‚คใ‚ขใ‚ฆใƒˆใ€่กจ็คบๆ–นๆณ•ใ‚’ๆ“ไฝœใ™ใ‚‹ใŸใ‚ใฎ็‰นๅˆฅใชใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃใ‚„ใƒกใ‚ฝใƒƒใƒ‰ใ‚’ๆไพ›ใ—ใพใ™ใ€‚

EventTarget Node Element HTMLElement HTMLInputElement

ใ‚คใƒณใ‚นใ‚ฟใƒณใ‚นใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ

่ฆชใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใงใ‚ใ‚‹ HTMLElement ใ‹ใ‚‰็ถ™ๆ‰ฟใ—ใŸใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃใ‚‚ใ‚ใ‚Šใพใ™ใ€‚

ไธ€้ƒจใฎใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃใฏใ€ๅฏพๅฟœใ™ใ‚‹ๅฑžๆ€งใ‚’ๆŒใคๅ…ฅๅŠ›่ฆ็ด ใฎๅž‹ใซใฎใฟ้ฉ็”จใ•ใ‚Œใพใ™ใ€‚

align ้žๆŽจๅฅจ;

ๆ–‡ๅญ—ๅˆ—ใงใ€่ฆ็ด ใฎ้…็ฝฎใ‚’่กจใ—ใพใ™ใ€‚ไปฃใ‚ใ‚Šใซ CSS ใ‚’ไฝฟ็”จใ—ใฆใใ ใ•ใ„ใ€‚

defaultValue

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎใ‚ชใƒ–ใ‚ธใ‚งใ‚ฏใƒˆใŒ็”Ÿๆˆใ•ใ‚ŒใŸ้š›ใซใ‚‚ใจใ‚‚ใจ HTML ใงๆŒ‡ๅฎšใ•ใ‚Œใฆใ„ใŸๆ—ขๅฎšๅ€คใ‚’่กจใ—ใพใ™ใ€‚

dirName

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎๆ›ธๅญ—ๆ–นๅ‘ใ‚’่กจใ—ใพใ™ใ€‚

incremental ้žๆจ™ๆบ–

่ซ–็†ๅ€คใงใ€ๆคœ็ดขใ‚คใƒ™ใƒณใƒˆใฎ็™บ็”Ÿใƒขใƒผใƒ‰ใ‚’่กจใ—ใพใ™ใ€‚ true ใฎๅ ดๅˆใ€ใ‚ญใƒผใŒๆŠผใ•ใ‚Œใ‚‹ใŸใณใ€ใพใŸใฏใ‚ญใƒฃใƒณใ‚ปใƒซใƒœใ‚ฟใƒณใ‚’ใ‚ฏใƒชใƒƒใ‚ฏใ—ใŸใจใใซ็™บ็”Ÿใ—ใ€ใใ‚Œไปฅๅค–ใฎๅ ดๅˆใฏ Enter ใ‚’ๆŠผใ—ใŸใจใใซ็™บ็”Ÿใ—ใพใ™ใ€‚

labels ่ชญๅ–ๅฐ‚็”จ

ใ“ใฎ่ฆ็ด ใฎใƒฉใƒ™ใƒซใงใ‚ใ‚‹ <label> ใฎใƒชใ‚นใƒˆใ‚’่ฟ”ใ—ใพใ™ใ€‚

list ่ชญๅ–ๅฐ‚็”จ

list ๅฑžๆ€งใŒๆŒ‡ใ™่ฆ็ด ใ‚’่ฟ”ใ—ใพใ™ใ€‚ๅŒใ˜ใƒ„ใƒชใƒผใซ HTML ่ฆ็ด ใŒ่ฆ‹ใคใ‹ใ‚‰ใชใ‹ใฃใŸๅ ดๅˆใ€ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃใฏ null ใซใชใ‚‹ใ“ใจใŒใ‚ใ‚Šใพใ™ใ€‚

multiple

่ซ–็†ๅ€คใงใ€ใ“ใฎ่ฆ็ด ใฎ multiple ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ‚Œใฏ่ค‡ๆ•ฐใฎๅ€ค๏ผˆไพ‹ใˆใฐ่ค‡ๆ•ฐใฎใƒ•ใ‚กใ‚คใƒซ๏ผ‰ใ‚’ๆŒใคใ“ใจใŒๅฏ่ƒฝใงใ‚ใ‚‹ใ‹ใฉใ†ใ‹ใ‚’็คบใ—ใพใ™ใ€‚

name

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ name ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ“ใซใฏใƒ•ใ‚ฉใƒผใƒ ้€ไฟกๆ™‚ใซใใฎ่ฆ็ด ใ‚’่ญ˜ๅˆฅใ™ใ‚‹ๅๅ‰ใŒๅ…ฅใ‚Šใพใ™ใ€‚

popoverTargetAction

<input> ่ฆ็ด ใฎ type="button" ๅž‹ใงๅˆถๅพกใ•ใ‚Œใ‚‹ใƒใƒƒใƒ—ใ‚ชใƒผใƒใƒผ่ฆ็ด ใงๅฎŸ่กŒใ•ใ‚Œใ‚‹ใ‚ขใ‚ฏใ‚ทใƒงใƒณ๏ผˆ"hide"ใ€"show"ใ€"toggle" ใฎใ„ใšใ‚Œใ‹๏ผ‰ใ‚’ๅ–ๅพ—ใŠใ‚ˆใณ่จญๅฎšใ—ใพใ™ใ€‚ใ“ใ‚Œใฏ popovertargetaction ใจใ„ใ† HTML ๅฑžๆ€งใฎๅ€คใ‚’ๅๆ˜ ใ—ใพใ™ใ€‚

popoverTargetElement

<input> ่ฆ็ด ใฎ type="button" ๅž‹ใงๅˆถๅพกใ•ใ‚Œใ‚‹ใƒใƒƒใƒ—ใ‚ชใƒผใƒใƒผ่ฆ็ด ใ‚’ๅ–ๅพ—ใŠใ‚ˆใณ่จญๅฎšใ—ใพใ™ใ€‚ใ“ใ‚Œใฏ JavaScript ใง popovertarget ใจใ„ใ† HTML ๅฑžๆ€งใซ็›ธๅฝ“ใ™ใ‚‹ใ‚‚ใฎใงใ™ใ€‚

step

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ step ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ‚Œใฏใ€ min ใ‚„ max ใจๅ…ฑใซใ€ๆ•ฐๅ€คใ‚„ๆ—ฅๆ™‚ใฎๅ€คใ‚’่จญๅฎšใ™ใ‚‹้š›ใฎๅข—ๅˆ†ใ‚’ๅˆถ้™ใ—ใพใ™ใ€‚ๆ–‡ๅญ—ๅˆ— any ใพใŸใฏๆญฃใฎๆตฎๅ‹•ๅฐๆ•ฐ็‚นๆ•ฐใ‚’่จญๅฎšใ™ใ‚‹ใ“ใจใŒใงใใพใ™ใ€‚ any ใŒ่จญๅฎšใ•ใ‚Œใฆใ„ใชใ„ๅ ดๅˆใ€ใ‚ณใƒณใƒˆใƒญใƒผใƒซใฏๆœ€ๅฐๅ€คใ‚ˆใ‚Šใ‚‚ๅคงใใ„ step ๅ€คใฎๅ€ๆ•ฐใฎใฟใ‚’ๅ—ใ‘ๅ…ฅใ‚Œใพใ™ใ€‚

type

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ type ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ‚Œใฏ่กจ็คบใ™ใ‚‹ใ‚ณใƒณใƒˆใƒญใƒผใƒซใฎๅž‹ใ‚’็คบใ—ใพใ™ใ€‚ๅˆฉ็”จๅฏ่ƒฝใชๅ€คใซใคใ„ใฆใฏ type ๅฑžๆ€งใฎใƒ‰ใ‚ญใƒฅใƒกใƒณใƒˆใ‚’ๅ‚็…งใ—ใฆใใ ใ•ใ„ใ€‚

useMap ้žๆŽจๅฅจ;

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ‚ฏใƒฉใ‚คใ‚ขใƒณใƒˆๅดใ‚คใƒกใƒผใ‚ธใƒžใƒƒใƒ—ใ‚’่กจใ—ใพใ™ใ€‚

value

ๆ–‡ๅญ—ๅˆ—ใงใ€ใใฎใ‚ณใƒณใƒˆใƒญใƒผใƒซใฎ็พๅœจใฎๅ€คใ‚’่กจใ—ใพใ™ใ€‚ใƒฆใƒผใ‚ถใƒผใŒไบˆๆœŸใ—ใชใ„ๅ€คใ‚’ๅ…ฅๅŠ›ใ—ใŸๅ ดๅˆใ€ใ“ใ‚Œใฏ็ฉบๆ–‡ๅญ—ๅˆ—ใ‚’่ฟ”ใ™ใ“ใจใŒใ‚ใ‚Šใพใ™ใ€‚

valueAsDate

Date ใงใ€่ฆ็ด ใฎๅ€คใ‚’ๆ—ฅไป˜ใจใ—ใฆ่งฃ้‡ˆใ—ใฆ่กจใ—ใพใ™ใ€‚ๅค‰ๆ›ใงใใชใ„ๅ ดๅˆใฏ null ใจใชใ‚Šใพใ™ใ€‚

valueAsNumber

ๆ•ฐๅ€คใงใ€ใ“ใฎ่ฆ็ด ใฎๅ€คใ‚’่งฃ้‡ˆใ—ใŸใ‚‚ใฎใ‚’่กจใ—ใพใ™ใ€‚่งฃ้‡ˆใฏใ€ๆ™‚ๅˆปใ€ๆ•ฐๅ€คใฎ้ †ใง่กŒใ‚ใ‚Œใ€ๅค‰ๆ›ใงใใชใ‘ใ‚Œใฐ NaN ใจใชใ‚Šใพใ™ใ€‚

่ฆชใƒ•ใ‚ฉใƒผใƒ ใซ้–ข้€ฃใ™ใ‚‹ใ‚คใƒณใ‚นใ‚ฟใƒณใ‚นใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ

form ่ชญๅ–ๅฐ‚็”จ

่ฆชใฎ <form> ่ฆ็ด ใฎๅ‚็…งใ‚’่ฟ”ใ—ใพใ™ใ€‚

formAction

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ formaction ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ“ใซใฏ่ฆ็ด ใซใ‚ˆใฃใฆ้€ไฟกใ•ใ‚ŒใŸๆƒ…ๅ ฑใ‚’ๅ‡ฆ็†ใ™ใ‚‹ใƒ—ใƒญใ‚ฐใƒฉใƒ ใฎ URI ใŒๅ…ฅใ‚Šใพใ™ใ€‚ใ“ใ‚Œใฏ่ฆชใƒ•ใ‚ฉใƒผใƒ ใฎ action ๅฑžๆ€งใ‚’ไธŠๆ›ธใใ—ใพใ™ใ€‚

formEnctype

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ formenctype ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ“ใซใฏใƒ•ใ‚ฉใƒผใƒ ใ‚’ใ‚ตใƒผใƒใƒผใซ้€ไฟกใ™ใ‚‹้š›ใฎใ‚ณใƒณใƒ†ใƒณใƒ„ใฎๅž‹ใŒๅ…ฅใ‚Šใพใ™ใ€‚ใ“ใ‚Œใฏ่ฆชใƒ•ใ‚ฉใƒผใƒ ใฎ enctype ๅฑžๆ€งใ‚’ไธŠๆ›ธใใ—ใพใ™ใ€‚

formMethod

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ formmethod ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ“ใซใฏใƒ–ใƒฉใ‚ฆใ‚ถใƒผใŒใƒ•ใ‚ฉใƒผใƒ ใ‚’้€ไฟกใ™ใ‚‹้š›ใซ็”จใ„ใ‚‹ HTTP ใƒกใ‚ฝใƒƒใƒ‰ใŒๅ…ฅใ‚Šใพใ™ใ€‚ใ“ใ‚Œใฏ่ฆชใƒ•ใ‚ฉใƒผใƒ ใฎ method ๅฑžๆ€งใ‚’ไธŠๆ›ธใใ—ใพใ™ใ€‚

formNoValidate

่ซ–็†ๅ€คใงใ€ใ“ใฎ่ฆ็ด ใฎ formnovalidate ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ‚Œใฏ้€ไฟกๆ™‚ใซใใฎใƒ•ใ‚ฉใƒผใƒ ใŒๆคœ่จผใ•ใ‚Œใชใ„ใ‹ใฉใ†ใ‹ใ‚’็คบใ—ใพใ™ใ€‚ใ“ใ‚Œใฏ่ฆชใƒ•ใ‚ฉใƒผใƒ ใฎ novalidate ๅฑžๆ€งใ‚’ไธŠๆ›ธใใ—ใพใ™ใ€‚

formTarget

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ formtarget ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ“ใซใฏใƒ•ใ‚ฉใƒผใƒ ใ‚’้€ไฟกใ—ใŸๅพŒใงๅ—ใ‘ๅ–ใฃใŸใƒฌใ‚นใƒใƒณใ‚นใ‚’่กจ็คบใ™ใ‚‹ๅ ดๆ‰€ใ‚’็คบใ™ๅๅ‰ใพใŸใฏใ‚ญใƒผใƒฏใƒผใƒ‰ใŒๅ…ฅใ‚Šใพใ™ใ€‚ใ“ใ‚Œใฏ่ฆชใƒ•ใ‚ฉใƒผใƒ ใฎ target ๅฑžๆ€งใ‚’ไธŠๆ›ธใใ—ใพใ™ใ€‚

hidden ไปฅๅค–ใฎไปปๆ„ใฎๅž‹ใฎๅ…ฅๅŠ›่ฆ็ด ใซ้ฉ็”จใ•ใ‚Œใ‚‹ใ‚คใƒณใ‚นใ‚ฟใƒณใ‚นใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ

disabled

่ซ–็†ๅ€คใงใ€ใ“ใฎ่ฆ็ด ใฎ disabled ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ‚Œใฏใใฎใ‚ณใƒณใƒˆใƒญใƒผใƒซใŒๅฏพ่ฉฑใ‚’ๅ—ใ‘ไป˜ใ‘ใชใ„ใ‹ใฉใ†ใ‹ใ‚’็คบใ—ใพใ™ใ€‚ใใฎๅ…ฅๅŠ›ๅ€คใฏใƒ•ใ‚ฉใƒผใƒ ใจใจใ‚‚ใซ้€ไฟกใ•ใ‚Œใพใ›ใ‚“ใ€‚ readonly ใ‚‚ใ”่ฆงใใ ใ•ใ„ใ€‚

required

่ซ–็†ๅ€คใงใ€ใ“ใฎ่ฆ็ด ใฎ required ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ‚Œใฏใ€ใƒ•ใ‚ฉใƒผใƒ ใ‚’้€ไฟกใ™ใ‚‹ๅ‰ใซใƒฆใƒผใ‚ถใƒผใŒๅ€คใ‚’ๅ…ฅๅŠ›ใ—ใชใ‘ใ‚Œใฐใชใ‚‰ใชใ„ใ‹ใฉใ†ใ‹ใ‚’็คบใ—ใพใ™ใ€‚

validationMessage ่ชญๅ–ๅฐ‚็”จ

ใใฎใ‚ณใƒณใƒˆใƒญใƒผใƒซใŒๅˆถ็ด„ใ‚’ๆบ€ใŸใ—ใฆใ„ใชใ„ๅ ดๅˆใ€ใใ‚Œใ‚’่จ˜่ฟฐใ—ใŸใƒญใƒผใ‚ซใƒฉใ‚คใ‚บใ•ใ‚ŒใŸใƒกใƒƒใ‚ปใƒผใ‚ธใ‚’่ฟ”ใ—ใพใ™๏ผˆใ‚‚ใ—ใ‚ใ‚Œใฐ๏ผ‰ใ€‚ใ“ใ‚Œใฏใ€ใ‚ณใƒณใƒˆใƒญใƒผใƒซใŒๅˆถ็ด„ๆคœ่จผใฎๅ€™่ฃœใงใฏใชใ„ๅ ดๅˆ๏ผˆwillValidate ใŒ false ใฎๅ ดๅˆ๏ผ‰ใ€ใพใŸใฏๅˆถ็ด„ใ‚’ๆบ€ใŸใ—ใฆใ„ใ‚‹ๅ ดๅˆใฏ็ฉบใฎๆ–‡ๅญ—ๅˆ—ใงใ™ใ€‚ใ“ใฎๅ€คใฏใ€ setCustomValidity() ใƒกใ‚ฝใƒƒใƒ‰ใง่จญๅฎšใงใใพใ™ใ€‚

validity ่ชญๅ–ๅฐ‚็”จ

ใ“ใฎ่ฆ็ด ใฎ็พๅœจใฎๆคœ่จผ็Šถๆ…‹ใ‚’่ฟ”ใ—ใพใ™ใ€‚

willValidate ่ชญๅ–ๅฐ‚็”จ

ใใฎ่ฆ็ด ใŒๅˆถ็ด„ๆคœ่จผใฎๅ€™่ฃœใงใ‚ใ‚‹ใ‹ใฉใ†ใ‹ใ‚’่ฟ”ใ—ใพใ™ใ€‚ใ“ใ‚Œใฏไฝ•ใ‹ๅˆถ็ด„ๆคœ่จผใ‚’้˜ปใ‚€ๆกไปถใŒใ‚ใ‚‹ๅ ดๅˆใ€ไพ‹ใˆใฐใ€type ใŒ hiddenใ€resetใ€button ใฎใ„ใšใ‚Œใ‹ใงใ‚ใ‚‹ใ€็ฅ–ๅ…ˆใซ <datalist> ใŒใ‚ใ‚‹ใ€disabled ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃใŒ true ใงใ‚ใ‚‹ใ€ใชใฉใงใ™ใ€‚

checkbox ใพใŸใฏ radio ๅž‹ใฎ่ฆ็ด ใซใฎใฟ้ฉ็”จใ•ใ‚Œใ‚‹ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ

checked

่ซ–็†ๅž‹ใงใ€ใ“ใฎ่ฆ็ด ใฎ็พๅœจใฎ็Šถๆ…‹ใ‚’่กจใ—ใพใ™ใ€‚

defaultChecked

่ซ–็†ๅž‹ใงใ€ใ“ใฎใ‚ชใƒ–ใ‚ธใ‚งใ‚ฏใƒˆใ‚’็”Ÿๆˆใ—ใŸ HTML ใงใ‚‚ใจใ‚‚ใจๆŒ‡ๅฎšใ•ใ‚Œใฆใ„ใŸใƒฉใ‚ธใ‚ชใƒœใ‚ฟใƒณใพใŸใฏใƒใ‚งใƒƒใ‚ฏใƒœใƒƒใ‚ฏใ‚นใฎๆ—ขๅฎšใฎ็Šถๆ…‹ใ‚’่กจใ—ใพใ™ใ€‚

indeterminate

่ซ–็†ๅž‹ใงใ€ใƒใ‚งใƒƒใ‚ฏใƒœใƒƒใ‚ฏใ‚นใ‚„ใƒฉใ‚ธใ‚ชใƒœใ‚ฟใƒณใฎ็Šถๆ…‹ใŒไธ็ขบๅฎšใงใ‚ใ‚‹ใ‹ใฉใ†ใ‹ใ‚’่ฟ”ใ—ใพใ™ใ€‚ใƒใ‚งใƒƒใ‚ฏใƒœใƒƒใ‚ฏใ‚นใฎๅ ดๅˆใฏใ€ใใฎ็Šถๆ…‹ใŒไธ็ขบๅฎš (ใƒใ‚งใƒƒใ‚ฏใงใ‚‚ๆœชใƒใ‚งใƒƒใ‚ฏใงใ‚‚ใชใ„็Šถๆ…‹) ใงใ‚ใ‚‹ใ“ใจใ‚’็คบใ™ใŸใ‚ใซใ€ใƒใ‚งใƒƒใ‚ฏใƒœใƒƒใ‚ฏใ‚นใฎๅค–่ฆณใŒไฝ•ใ‚‰ใ‹ใฎๆ–นๆณ•ใงไธๆ˜Ž็žญใซใชใฃใŸใ‚Šใ€็ฐ่‰ฒใซใชใฃใŸใ‚Šใ™ใ‚‹ๅŠนๆžœใŒใ‚ใ‚Šใพใ™ใ€‚ checked ๅฑžๆ€งใฎๅ€คใซใฏๅฝฑ้Ÿฟใ‚’ไธŽใˆใšใ€ใƒใ‚งใƒƒใ‚ฏใƒœใƒƒใ‚ฏใ‚นใ‚’ใ‚ฏใƒชใƒƒใ‚ฏใ™ใ‚‹ใจใใฎๅ€คใฏ false ใซใชใ‚Šใพใ™ใ€‚

image ๅž‹ใฎ่ฆ็ด ใซใฎใฟ้ฉ็”จใ•ใ‚Œใ‚‹ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ

alt

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎไปฃๆ›ฟใƒ†ใ‚ญใ‚นใƒˆใŒ่จญๅฎšใ•ใ‚ŒใŸ alt ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚

height

ๆ–‡ๅญ—ๅˆ—ใงใ€ใƒœใ‚ฟใƒณใซ่กจ็คบใ•ใ‚Œใ‚‹็”ปๅƒใฎ้ซ˜ใ•ใ‚’ๅฎš็พฉใ™ใ‚‹ใ“ใฎ่ฆ็ด ใฎ height ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚

src

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ‚ฐใƒฉใƒ•ใ‚ฃใƒƒใ‚ฏใฎ้€ไฟกใƒœใ‚ฟใƒณใ‚’่กจ็คบใ™ใ‚‹็”ปๅƒใฎๅ ดๆ‰€ใ‚’็คบใ™ URI ใ‚’ๆŒ‡ๅฎšใ™ใ‚‹ใ€ใ“ใฎ่ฆ็ด ใฎ src ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚

width

ๆ–‡ๅญ—ๅˆ—ใงใ€ใƒœใ‚ฟใƒณใซ่กจ็คบใ•ใ‚Œใ‚‹็”ปๅƒใฎๅน…ใ‚’ๅฎš็พฉใ™ใ‚‹ใ€ๆ–‡ๆ›ธใฎ width ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚

file ๅž‹ใฎ่ฆ็ด ใซใฎใฟ้ฉ็”จใ•ใ‚Œใ‚‹ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ

accept

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ‚ตใƒผใƒใƒผใŒๅ—ใ‘ๅ…ฅใ‚Œใ‚‹ใƒ•ใ‚กใ‚คใƒซๅฝขๅผใ‚’ใ‚ซใƒณใƒžๅŒบๅˆ‡ใ‚Šใฎใƒชใ‚นใƒˆใง่กจใ™ใ“ใฎ่ฆ็ด ใฎ accept ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚

capture

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ capture ๅฑžๆ€งใ‚’่กจใ—ใ€ใƒ•ใ‚กใ‚คใƒซใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ‚ณใƒณใƒˆใƒญใƒผใƒซๅ†…ใงใƒกใƒ‡ใ‚ฃใ‚ขใ‚ญใƒฃใƒ—ใƒใƒฃใฎๅ…ฅๅŠ›ๆ–นๆณ•ใ‚’็คบใ—ใพใ™ใ€‚

files

FileList ใงใ€ใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ™ใ‚‹ใŸใ‚ใซ้ธๆŠžใ•ใ‚ŒใŸใƒ•ใ‚กใ‚คใƒซใฎใƒชใ‚นใƒˆใ‚’่กจใ—ใพใ™ใ€‚

webkitdirectory

่ซ–็†ๅž‹ใงใ€ webkitdirectory ๅฑžๆ€งใ‚’่ฟ”ใ—ใพใ™ใ€‚true ใฎๅ ดๅˆใ€ใƒ•ใ‚กใ‚คใƒซใ‚ทใ‚นใƒ†ใƒ ้ธๆŠžใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใฏใƒ•ใ‚กใ‚คใƒซใงใฏใชใใƒ‡ใ‚ฃใƒฌใ‚ฏใƒˆใƒชใƒผใฎใฟใŒ้ธๆŠžใงใใ‚‹ใ‚ˆใ†ใซใชใ‚Šใพใ™ใ€‚

webkitEntries ่ชญๅ–ๅฐ‚็”จ

็พๅœจ้ธๆŠžใ•ใ‚Œใฆใ„ใ‚‹ใƒ•ใ‚กใ‚คใƒซใพใŸใฏใƒ‡ใ‚ฃใƒฌใ‚ฏใƒˆใƒชใƒผใ‚’็คบใ—ใพใ™ใ€‚

ใƒ†ใ‚ญใ‚นใƒˆใ‚„ๆ•ฐๅ€คใ‚’ๅซใ‚€่กจ็คบใ•ใ‚Œใ‚‹่ฆ็ด ใซใฎใฟ้ฉ็”จใ•ใ‚Œใ‚‹ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ

autocomplete

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ autocomplete ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ‚Œใฏใ‚ณใƒณใƒˆใƒญใƒผใƒซใฎๅ€คใ‚’ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใง่‡ชๅ‹•็š„ใซ่ฃœๅฎŒใงใใ‚‹ใ‹ใฉใ†ใ‹ใ‚’็คบใ—ใพใ™ใ€‚

max

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ max ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใฎๅฑžๆ€งใซใฏใ€ใ“ใฎ้ …็›ฎใฎ๏ผˆๆ•ฐๅ€คใพใŸใฏๆ—ฅๆ™‚ใฎ๏ผ‰ๆœ€ๅคงๅ€คใŒๅซใพใ‚Œใ€ๆœ€ๅฐๅ€ค๏ผˆmin ๅฑžๆ€ง๏ผ‰ใ‚ˆใ‚Šๅฐใ•ใใ™ใ‚‹ใ“ใจใฏใงใใพใ›ใ‚“ใ€‚

maxLength

ๆ•ฐๅ€คใงใ€ใ“ใฎ่ฆ็ด ใฎ maxlength ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใฎๅฑžๆ€งใซใฏใ€ๅ€คใŒๆŒใคใ“ใจใฎใงใใ‚‹๏ผˆUnicode ใ‚ณใƒผใƒ‰ใƒใ‚คใƒณใƒˆๅ˜ไฝใฎ๏ผ‰ๆœ€ๅคงๆ–‡ๅญ—ๆ•ฐใŒๅซใพใ‚Œใพใ™ใ€‚

min

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ min ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใฎๅฑžๆ€งใซใฏใ€ใ“ใฎ้ …็›ฎใฎ๏ผˆๆ•ฐๅ€คใพใŸใฏๆ—ฅๆ™‚ใฎ๏ผ‰ๆœ€ๅฐๅ€คใŒๅซใพใ‚Œใ€ๆœ€ๅคงๅ€ค๏ผˆmax ๅฑžๆ€ง๏ผ‰ใ‚ˆใ‚Šๅคงใใใ™ใ‚‹ใ“ใจใฏใงใใพใ›ใ‚“ใ€‚

minLength

ๆ•ฐๅ€คใงใ€ใ“ใฎ่ฆ็ด ใฎ minlength ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใฎๅฑžๆ€งใซใฏใ€ๅ€คใŒๆŒใคใ“ใจใฎใงใใ‚‹๏ผˆUnicode ใ‚ณใƒผใƒ‰ใƒใ‚คใƒณใƒˆๅ˜ไฝใฎ๏ผ‰ๆœ€ๅฐๆ–‡ๅญ—ๆ•ฐใŒๅซใพใ‚Œใพใ™ใ€‚

pattern

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ pattern ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ“ใซใฏใ‚ณใƒณใƒˆใƒญใƒผใƒซใฎๅ€คใ‚’ใƒใ‚งใƒƒใ‚ฏใ™ใ‚‹ใŸใ‚ใฎๆญฃ่ฆ่กจ็พใ‚’ๅซใฟใพใ™ใ€‚title ๅฑžๆ€งใ‚’ไฝฟ็”จใ—ใฆใƒฆใƒผใ‚ถใƒผใซใคใ„ใฆใƒ‘ใ‚ฟใƒผใƒณใ‚’่ชฌๆ˜Žใ—ใฆใใ ใ•ใ„ใ€‚ใ“ใฎๅฑžๆ€งใฏใ€ type ๅฑžๆ€งใฎๅ€คใŒ textใ€searchใ€telใ€urlใ€email ใฎๅ ดๅˆใซใฎใฟ้ฉ็”จใ•ใ‚Œใพใ™ใ€‚

placeholder

ๆ–‡ๅญ—ๅˆ—ใงใ€ใ“ใฎ่ฆ็ด ใฎ placeholder ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ“ใซใฏใ€ใƒฆใƒผใ‚ถใƒผใŒใ‚ณใƒณใƒˆใƒญใƒผใƒซใซไฝ•ใ‚’ๅ…ฅๅŠ›ใงใใ‚‹ใ‹ใฎใƒ’ใƒณใƒˆใŒ่จญๅฎšใ•ใ‚Œใพใ™ใ€‚ใƒ—ใƒฌใ‚คใ‚นใƒ›ใƒซใƒ€ใƒผใฎใƒ†ใ‚ญใ‚นใƒˆใซใฏใ€ใ‚ญใƒฃใƒชใƒƒใ‚ธใƒชใ‚ฟใƒผใƒณใ‚„ใƒฉใ‚คใƒณใƒ•ใ‚ฃใƒผใƒ‰ใ‚’ๅซใ‚€ใ“ใจใฏใงใใพใ›ใ‚“ใ€‚ใ“ใฎๅฑžๆ€งใฏใ€ type ๅฑžๆ€งใฎๅ€คใŒ textใ€searchใ€telใ€urlใ€email ใฎๅ ดๅˆใซใฎใฟ้ฉ็”จใ•ใ‚Œใพใ™ใ€‚

readOnly

่ซ–็†ๅž‹ใงใ€ใ“ใฎ่ฆ็ด ใฎ readonly ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ‚Œใฏใ€ใƒฆใƒผใ‚ถใƒผใŒใ‚ณใƒณใƒˆใƒญใƒผใƒซใฎๅ€คใ‚’ๅค‰ๆ›ดใงใใชใ„ใ“ใจใ‚’็คบใ—ใพใ™ใ€‚ใ“ใฎๅฑžๆ€งใฏใ€ type ๅฑžๆ€งใฎๅ€คใŒ hiddenใ€rangeใ€colorใ€checkboxใ€radioใ€fileใ€ใƒœใ‚ฟใƒณๅž‹ใฎๅ ดๅˆใฏ็„ก่ฆ–ใ•ใ‚Œใพใ™ใ€‚

selectionDirection

ๆ–‡ๅญ—ๅˆ—ใงใ€้ธๆŠžใ•ใ‚ŒใŸๆ–นๅ‘ใ‚’่กจใ—ใพใ™ใ€‚ๅฏ่ƒฝใชๅ€คใฏใ€ forward ๏ผˆ็พๅœจใฎใƒญใ‚ฑใƒผใƒซใฎๆ–‡้ ญใ‹ใ‚‰ๆ–‡ๆœซใฎๆ–นๅ‘ใซ้ธๆŠž๏ผ‰ใ€ backward ๏ผˆ้€†ๆ–นๅ‘๏ผ‰ใ€ none ๏ผˆๆ–นๅ‘ใฏไธๆ˜Ž๏ผ‰ใฎใ„ใšใ‚Œใ‹ใงใ™ใ€‚

selectionEnd

ๆ•ฐๅ€คใงใ€้ธๆŠžไธญใฎใƒ†ใ‚ญใ‚นใƒˆใฎๆœซๅฐพใฎไฝ็ฝฎใ‚’่กจใ—ใพใ™ใ€‚้ธๆŠžใŒใชใ„ๅ ดๅˆใฏใ€็พๅœจใฎใƒ†ใ‚ญใ‚นใƒˆๅ…ฅๅŠ›ใ‚ซใƒผใ‚ฝใƒซไฝ็ฝฎใฎ็›ดๅพŒใฎๆ–‡ๅญ—ใฎใ‚ชใƒ•ใ‚ปใƒƒใƒˆใ‚’่ฟ”ใ—ใพใ™ใ€‚

selectionStart

ๆ•ฐๅ€คใงใ€้ธๆŠžไธญใฎใƒ†ใ‚ญใ‚นใƒˆใฎๅ…ˆ้ ญใฎไฝ็ฝฎใ‚’่กจใ—ใพใ™ใ€‚ไฝ•ใ‚‚้ธๆŠžใ—ใฆใ„ใชใ„ๅ ดๅˆใฏใ€ใใฎ <input> ่ฆ็ด ๅ†…ใซใ‚ใ‚‹ใƒ†ใ‚ญใ‚นใƒˆๅ…ฅๅŠ›ใ‚ซใƒผใ‚ฝใƒซ (ใ‚ญใƒฃใƒฌใƒƒใƒˆ) ใฎไฝ็ฝฎใ‚’่ฟ”ใ—ใพใ™ใ€‚

size

ๆ•ฐๅ€คใงใ€ใ“ใฎ่ฆ็ด ใฎ size ๅฑžๆ€งใ‚’่กจใ—ใพใ™ใ€‚ใ“ใ‚Œใฏใ‚ณใƒณใƒˆใƒญใƒผใƒซใฎๅค–่ฆ‹ใฎๅคงใใ•ใŒๅ…ฅใ‚Šใพใ™ใ€‚ใ“ใฎๅ€คใฏ type ใฎๅ€คใŒ text ใพใŸใฏ password ใฎๅ ดๅˆใฏๆ•ดๆ•ฐใงๆ–‡ๅญ—ๆ•ฐใงใ‚ใ‚Šใ€ใใ‚Œไปฅๅค–ใฎๅ ดๅˆใฏใƒ”ใ‚ฏใ‚ปใƒซๅ˜ไฝใงใ™ใ€‚ type ใŒ textใ€searchใ€telใ€urlใ€emailใ€password ใฎใ„ใšใ‚Œใ‹ใซ่จญๅฎšใ•ใ‚Œใฆใ„ใ‚‹ๅ ดๅˆใฎใฟ้ฉ็”จใ•ใ‚Œใพใ™ใ€‚

ใ‚คใƒณใ‚นใ‚ฟใƒณใ‚นใƒกใ‚ฝใƒƒใƒ‰

่ฆชใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใงใ‚ใ‚‹ HTMLElement ใ‹ใ‚‰็ถ™ๆ‰ฟใ—ใŸใƒกใ‚ฝใƒƒใƒ‰ใ‚‚ใ‚ใ‚Šใพใ™ใ€‚

checkValidity()

่ซ–็†ๅ€คใงใ€ใ“ใฎ่ฆ็ด ใŒๅˆถ็ด„ๆคœ่จผใฎๅฏพ่ฑกใงใ‚ใ‚Šใ€ใ‹ใคๅˆถ็ด„ใ‚’ๆบ€ใŸใ—ใฆใ„ใชใ„ๅ ดๅˆใซ false ใ‚’่ฟ”ใ—ใพใ™ใ€‚ใ“ใฎๅ ดๅˆใ€ใ“ใฎ่ฆ็ด ใง invalid ใ‚คใƒ™ใƒณใƒˆใ‚‚็™บ็”Ÿใ—ใพใ™ใ€‚ใ“ใฎ่ฆ็ด ใŒๅˆถ็ด„ๆคœ่จผใฎๅฏพ่ฑกใงใชใ„ๅ ดๅˆใ€ใพใŸใฏๅˆถ็ด„ใ‚’ๆบ€ใŸใ™ๅ ดๅˆใฏ true ใ‚’่ฟ”ใ—ใพใ™ใ€‚

reportValidity()

checkValidity() ใƒกใ‚ฝใƒƒใƒ‰ใ‚’ๅฎŸ่กŒใ—ใ€๏ผˆๅ…ฅๅŠ›ใŒไธๆญฃใงใ‚ใฃใŸใ‚Š pattern ๅฑžๆ€งใŒใชใ‹ใฃใŸใ‚Šใ—ใฆ๏ผ‰ false ใŒ่ฟ”ใ•ใ‚ŒใŸๅ ดๅˆใ€ใƒ•ใ‚ฉใƒผใƒ ใ‚’้€ไฟกใ—ใŸๅ ดๅˆใจๅŒใ˜ใ‚ˆใ†ใซใ€ๅ…ฅๅŠ›ใŒ็„กๅŠนใงใ‚ใ‚‹ใ“ใจใ‚’ใƒฆใƒผใ‚ถใƒผใซๅ ฑๅ‘Šใ—ใพใ™ใ€‚

select()

ใ“ใฎ input ่ฆ็ด ใฎใ™ในใฆใฎใƒ†ใ‚ญใ‚นใƒˆใ‚’้ธๆŠžใ—ใ€ใƒฆใƒผใ‚ถใƒผใŒใใฎๅ†…ๅฎนใ‚’ใ™ในใฆ็ฝฎใๆ›ใˆใ‚‹ใ“ใจใŒใงใใ‚‹ใ‚ˆใ†ใซใ€ใƒ†ใ‚ญใ‚นใƒˆใซใƒ•ใ‚ฉใƒผใ‚ซใ‚นใ‚’ไธŽใˆใพใ™ใ€‚

setCustomValidity()

่ฆ็ด ใซ็‹ฌ่‡ชใฎๆคœ่จผใƒกใƒƒใ‚ปใƒผใ‚ธ่จญๅฎšใ—ใพใ™ใ€‚ใ“ใฎใƒกใƒƒใ‚ปใƒผใ‚ธใŒ็ฉบๆ–‡ๅญ—ๅˆ—ใงใฏใชใ„ๅ ดๅˆใ€ใใฎ่ฆ็ด ใฏ็‹ฌ่‡ชใฎๆคœ่จผใฎใ‚จใƒฉใƒผใซ่ฆ‹่ˆžใ‚ใ‚ŒใฆใŠใ‚Šใ€ๆคœ่จผใซไธๅˆๆ ผใซใชใ‚Šใพใ™ใ€‚

setRangeText()

ใ“ใฎ input ่ฆ็ด ใฎใƒ†ใ‚ญใ‚นใƒˆใฎ็ฏ„ๅ›ฒใ‚’ๆ–ฐใ—ใ„ใƒ†ใ‚ญใ‚นใƒˆใง็ฝฎใๆ›ใˆใพใ™ใ€‚

setSelectionRange()

ๅ…ฅๅŠ›่ฆ็ด ใฎใƒ†ใ‚ญใ‚นใƒˆ็ฏ„ๅ›ฒใ‚’้ธๆŠžใ—ใพใ™๏ผˆใƒ•ใ‚ฉใƒผใ‚ซใ‚นใฏ่จญๅฎšใ—ใพใ›ใ‚“๏ผ‰ใ€‚

showPicker()

ๆ—ฅไป˜ใ€ๆ™‚ๅˆปใ€่‰ฒใ€ใƒ•ใ‚กใ‚คใƒซใซใคใ„ใฆใ€ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฎใƒ”ใƒƒใ‚ซใƒผใ‚’่กจ็คบใ—ใพใ™ใ€‚

stepDown()

value ใ‚’ (step * n) ใ ใ‘ๆธ›ๅฐ‘ใ•ใ›ใพใ™ใ€‚ n ใŒๆŒ‡ๅฎšใ•ใ‚Œใชใ‹ใฃใŸๅ ดๅˆใฎๆ—ขๅฎšๅ€คใฏ 1 ใงใ™ใ€‚

stepUp()

value ใ‚’ (step * n) ใ ใ‘ๅข—ๅŠ ใ•ใ›ใพใ™ใ€‚ n ใŒๆŒ‡ๅฎšใ•ใ‚Œใชใ‹ใฃใŸๅ ดๅˆใฎๆ—ขๅฎšๅ€คใฏ 1 ใงใ™ใ€‚

ใ‚คใƒ™ใƒณใƒˆ

่ฆชใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใงใ‚ใ‚‹ HTMLElement ใ‹ใ‚‰็ถ™ๆ‰ฟใ—ใŸใ‚คใƒ™ใƒณใƒˆใ‚‚ใ‚ใ‚Šใพใ™ใ€‚

ไปฅไธ‹ใฎใ‚คใƒ™ใƒณใƒˆใฏใ€ addEventListener() ใ‚’็”จใ„ใ‚‹ใ‹ใ€ใ“ใฎใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใฎ onใ‚คใƒ™ใƒณใƒˆๅ ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃใซใ‚คใƒ™ใƒณใƒˆใƒชใ‚นใƒŠใƒผใ‚’ๅ‰ฒใ‚Šๅฝ“ใฆใ‚‹ใ‹ใ—ใฆๅพ…ใกๅ—ใ‘ใ—ใฆใใ ใ•ใ„ใ€‚

invalid ใ‚คใƒ™ใƒณใƒˆ

ๅˆถ็ด„ๆคœ่จผๆ™‚ใซใ€่ฆ็ด ใŒๅˆถ็ด„ใ‚’ๆบ€ใŸใ—ใฆใ„ใชใ‹ใฃใŸๅ ดๅˆใซ็™บ่กŒใ•ใ‚Œใพใ™ใ€‚

<input> ใฎ type="search" ใงๆคœ็ดขใŒ้–‹ๅง‹ใ•ใ‚ŒใŸใจใใซ็™บ่กŒใ•ใ‚Œใพใ™ใ€‚

select ใ‚คใƒ™ใƒณใƒˆ

ใƒ†ใ‚ญใ‚นใƒˆใŒ้ธๆŠžใ•ใ‚ŒใŸใจใใซ็™บ่กŒใ•ใ‚Œใพใ™ใ€‚

selectionchange ใ‚คใƒ™ใƒณใƒˆ Experimental

<input> ใฎไธญใฎใƒ†ใ‚ญใ‚นใƒˆใฎ้ธๆŠžใŒๅค‰ๆ›ดใ•ใ‚ŒใŸๅ ดๅˆใซ็™บ่กŒใ•ใ‚Œใพใ™ใ€‚

ไป•ๆง˜ๆ›ธ

Specification
HTML
# htmlinputelement

ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฎไบ’ๆ›ๆ€ง

้–ข้€ฃๆƒ…ๅ ฑ

  • ใ“ใฎใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใ‚’ๅฎŸ่ฃ…ใ—ใฆใ„ใ‚‹ HTML ่ฆ็ด : <input>