<input>
元素用于在网页中创建各种输入字段,其中包括搜索框。<input type="search">
可以创建一个搜索框,用户可以在其中输入搜索关键词。
属性
type
:指定输入字段的类型为搜索框,取值为 "search"。name
:指定输入字段的名称,用于在表单提交时标识该字段。value
:指定输入字段的初始值。placeholder
:指定在搜索框中显示的提示文本。size
:指定输入字段的显示宽度,单位为字符数。maxlength
:指定输入字段的最大字符数限制。required
:指定输入字段是否为必填项。autofocus
:指定页面加载时自动聚焦到该输入字段。
事件
oninput
:输入框内容发生改变时触发的事件。onchange
:输入框内容改变并失去焦点时触发的事件。
示例代码
------ ------------- ------------- ----------------------- --------- -------------- -------- ----------
上述示例代码创建了一个搜索框,其名称为 "search",在搜索框中显示 "Search..." 作为提示文本,宽度为 30 个字符,最大字符数限制为 50,且为必填项且页面加载时自动聚焦到该搜索框。