HTML DOM Input - Search 对象

<input> 元素用于在网页中创建各种输入字段,其中包括搜索框。<input type="search"> 可以创建一个搜索框,用户可以在其中输入搜索关键词。

属性

  • type:指定输入字段的类型为搜索框,取值为 "search"。
  • name:指定输入字段的名称,用于在表单提交时标识该字段。
  • value:指定输入字段的初始值。
  • placeholder:指定在搜索框中显示的提示文本。
  • size:指定输入字段的显示宽度,单位为字符数。
  • maxlength:指定输入字段的最大字符数限制。
  • required:指定输入字段是否为必填项。
  • autofocus:指定页面加载时自动聚焦到该输入字段。

事件

  • oninput:输入框内容发生改变时触发的事件。
  • onchange:输入框内容改变并失去焦点时触发的事件。

示例代码

上述示例代码创建了一个搜索框,其名称为 "search",在搜索框中显示 "Search..." 作为提示文本,宽度为 30 个字符,最大字符数限制为 50,且为必填项且页面加载时自动聚焦到该搜索框。

Property 描述
autocomplete 设置或返回 search 字段的 autocomplete 属性值
autofocus 设置或返回 search 字段在页面加载后是否自动获取焦点
defaultValue 设置或返回 search 字段默认的值
disabled 设置或返回 search 字段是否可用
form 返回使用 search 字段的表单引用
list 返回包含了 search 字段的 datalist 引用
maxLength 设置或返回 search 字段的 maxLength 属性值
name 设置或返回 search 字段的 name 属性值
pattern 设置或返回 search 字段的 pattern 属性值
placeholder 设置或返回 search 字段的 placeholder 属性值
readOnly 设置或返回 search 字段是否只读
required 设置或返回 search 字段在表单中是否为必填字段
size 设置或返回 search 字段的 size 属性值
step 设置或返回 search 字段的 step 属性值
type 返回 search 字段的表单元素类型
value 设置或返回 search 字段的 value 属性值
纠错
反馈

纠错反馈