HTMLInputElement对象 - [: '玩转Javascript DOM接口' |cut:tmp.cut_limit :]

HTMLInputElement对象对应<input>标签

<form>
    <input name="username" required>
</form>

常用属性

• .name name属性："username"
• .type type属性："text"
• .disabled disabled属性，当前元素是否已禁用
• .required required属性，是否为必填项
• .autofocus autofocus属性，是否自动聚焦
• .value 输入的值

如果<input>在<form>中

• .form 返回包含它的form元素

checkbox和radio独有的属性

<form>
    是否成年
    <input type="checkbox" name="adult">
</form>

• checked 是否打勾
• defaultChecked 是否默认打勾

文字输入类及number独有的属性

<form>
    是否成年
    <input type="text" name="username" placeholder="wanghuahua">
</form>

• autocomplete 是否自动补全
• placeholder 占位字符："wanghuahua"
• readOnly 是否只读

常用方法

• focus() 聚焦当前元素
• blur() 取消聚焦当前元素
• select() 全选当前元素中输入的值
• click() 模拟点击