Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

idea:input search #995

Closed
annopnod opened this issue Aug 20, 2017 · 3 comments

Comments

Projects
None yet
3 participants
@annopnod
Copy link

commented Aug 20, 2017

<input type="search" list="browsers" onselectlist="">
<datalist id="browsers">
<option value="1"><img src="ie.png"/>Internet Explorer</option>
<option value="2"><img src="ff.png"/>Firefox</option>
<option value="3"><img src="co.png"/>Chrome</option>
</datalist>

onselectlist event
if click list return value
ss

@SebastianZ

This comment has been minimized.

Copy link

commented Aug 21, 2017

<option> elements currently also only allow text content, so I've created issue #996 asking to extend their support to cover other elements.

Sebastian

@chaals

This comment has been minimized.

Copy link
Collaborator

commented Oct 10, 2017

It's not very clear what this input type would do. And the experience of adding new input types has been pretty mixed.

I suggest clarifying the problem that this solves, and I think it is probably a better idea to start it in incubation, e.g. developing a polyfill and explaining it ...

@chaals

This comment has been minimized.

Copy link
Collaborator

commented Dec 18, 2017

Another possibility is to mark something up with schema.org as a searchaction, e.g.

<div vocab="http://schema.org/" typeof="WebSite">
    <meta property="url" href="http://www.example.com/"/>
    <form property="potentialAction" typeof="http://schema.org/SearchAction">
      <meta property="target" content="http://www.example.com/search?q={query}"/>
      <input property="query-input" type="text" name="query">
      <input type="submit">
    </form>
</div>

(You would use a separate control here to select the search engine you want, or add keywords like the Github search does if that's a goal. We don't have a type that lets you add text to an option in the way you propose for the mockup.)

In any event, I am closing this, at least until something has been demonstrated as having implementer interest, if the above don't meet your needs

@chaals chaals closed this Dec 18, 2017

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.