DevOps:Doc/FlexForm/2.0/input/search - Revision history

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295: Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

2025-08-21T09:06:55Z

Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

ws-class-props
← Older revision		Revision as of 11:06, 21 August 2025
Line 1:		Line 1:
	{{Csp class properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1,2.5
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input

Maintenance script: Imported by PageSync

2025-07-15T08:34:18Z

Imported by PageSync

ws-class-props
← Older revision		Revision as of 10:34, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm

Charlot: User:Charlot

2023-03-31T20:09:41Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:09, 31 March 2023
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Subject version=2.0		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input

Charlot at 09:11, 3 January 2023

2023-01-03T09:11:08Z

← Older revision		Revision as of 11:11, 3 January 2023
Line 11:		Line 11:
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<form action="get" mwreturn="{{fullurl:Questions-and-answers}}" restrictions="lifted" >		<form action="get" mwreturn="{{fullurl:Questions-and-answers}}" restrictions="lifted" >
	<label for="search-this-site">Search me</label>		<label for="search-this-site">Search me</label>
	<div class="input-group">		<div class="input-group">
	<input type="search" id="search-this-site" name="filters" value="Tag^^Installation" class="form-control" />		<input type="search" id="search-this-site" name="filters" value="Tag^^Installation" class="form-control" />
	<div class="input-group-append"><input type="submit" value="Go" class="btn btn-secondary" /></div>		<div class="input-group-append"><input type="submit" value="Go" class="btn btn-secondary" /></div>
	</div>		</div>
	</form>		</form>
	</syntaxhighlight>		</syntaxhighlight>

Charlot: User:Charlot

2023-01-03T09:10:38Z

User:Charlot

ws-class-props
← Older revision		Revision as of 11:10, 3 January 2023
Line 5:		Line 5:
	\|Doc sort order=110		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=How to render a search input field
	}}		}}

Charlot at 09:09, 3 January 2023

2023-01-03T09:09:49Z

← Older revision		Revision as of 11:09, 3 January 2023
Line 1:		Line 1:
	==Name==		===Name===
	search		search
			===Type===
			input
			===Synopsis===
			An input element of type '''search''' is functionally equivalent to one of [[DevOps:Doc/FlexForm/2.0/input/text\|type text]]. Reason for this separate input is mainly for styling.
			===Parameters===
			input type="search"

	==~~Description==~~		===Example===
	~~An input element of type '''search''' is functionally equivalent to one of [[DevOps:Doc/FlexForm/1.0/input/text\|type text]].~~

	==~~Example~~==
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<~~_form~~ action="get" mwreturn="{{fullurl:Questions-and-answers}}" restrictions="lifted" >		<form action="get" mwreturn="{{fullurl:Questions-and-answers}}" restrictions="lifted" >
	<~~_label~~ for="search-this-site">Search me</~~_label~~>		<label for="search-this-site">Search me</label>
	<div class="input-group">		<div class="input-group">
	<~~_input~~ type="search" id="search-this-site" name="filters" value="Tag^^Installation" class="form-control" />		<input type="search" id="search-this-site" name="filters" value="Tag^^Installation" class="form-control" />
	<div class="input-group-append"><~~_input~~ type="submit" value="Go" class="btn btn-secondary" /></div>		<div class="input-group-append"><input type="submit" value="Go" class="btn btn-secondary" /></div>
	</div>		</div>
	</~~_form~~>		</form>
	</syntaxhighlight>		</syntaxhighlight>

	<~~_form~~ action="get" mwreturn="{{fullurl:Questions-and-answers}}" restrictions="lifted" >		<form action="get" mwreturn="{{fullurl:Questions-and-answers}}" restrictions="lifted" >
	<~~_label~~ for="search-this-site">Search me</~~_label~~>		<label for="search-this-site">Search me</label>
	<div class="input-group">		<div class="input-group">
	<~~_input~~ type="search" id="search-this-site" name="filters" value="Tag^^Installation" class="form-control" />		<input type="search" id="search-this-site" name="filters" value="Tag^^Installation" class="form-control" />
	<div class="input-group-append"><~~_input~~ type="submit" value="Go" class="btn btn-secondary" /></div>		<div class="input-group-append"><input type="submit" value="Go" class="btn btn-secondary" /></div>
	</div>		</div>
	</~~_form~~>		</form>
			===Note===

			===Links===
			https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search

Charlot: User:Charlot

2023-01-03T09:06:18Z

User:Charlot

New page

==Name==
search

==Description==
An input element of type '''search''' is functionally equivalent to one of [[DevOps:Doc/FlexForm/1.0/input/text|type text]].

==Example==
<syntaxhighlight lang="html">
<_form action="get" mwreturn="{{fullurl:Questions-and-answers}}" restrictions="lifted" >
<_label for="search-this-site">Search me</_label>
<div class="input-group">
<_input type="search" id="search-this-site" name="filters" value="Tag^^Installation" class="form-control" />
<div class="input-group-append"><_input type="submit" value="Go" class="btn btn-secondary" /></div>
</div>
</_form>
</syntaxhighlight>

<_form action="get" mwreturn="{{fullurl:Questions-and-answers}}" restrictions="lifted" >
<_label for="search-this-site">Search me</_label>
<div class="input-group">
<_input type="search" id="search-this-site" name="filters" value="Tag^^Installation" class="form-control" />
<div class="input-group-append"><_input type="submit" value="Go" class="btn btn-secondary" /></div>
</div>
</_form>