Comments (3)
partial and weird solution is to use, not much expected to be, the atribute autocomplete="off" (or "on"),
but then
- single click to focus filed does not open the list, (needs second click to show it, or use text input to start search,
- the styling of the list suddenly looks worse (no more nice padding in chromium based browser, probably temporary thing in works)
from content.
A select is different from a datalist; I don't know why you would be looking to switch from one to another. A select limits the number of possible inputs to a finite range, but a datalist just provides supplemental information to an input and allows quick selection of common inputs, but it's still an input that accepts arbitrary text input at the end of the day.
Nevertheless I think we should add an example showing what it's like.
from content.
as i wrote in original post, it behaves diferent from select but many ppl tend to try use it because its like a "select with autocomplete" - therefore i did not push this to changing the behave way, just to mention it as warning in this description, to warn people about the difference. bc many ppl may tend to use it a "select with search/autocomplete":
- datalist allows also entering values not in list
- datalist also uses "same as select" option tags, but displays them diferently (does usually hide text content of tag, instead displays option value + label attributes
from content.
Related Issues (20)
- Blob example not working HOT 1
- Bundlers recommend worker URLs to be fully resolved HOT 2
- First example on relative CSS colors is broken HOT 1
- Django tutorial - needs a signup page
- The Permitted content of the <summary> element has not been updated.
- Request's mode incorrectly documented
- Hi
- Whitespace is not insignificant in HTMLImageElement.srcset HOT 4
- Incorrect fact in the NaN Page HOT 2
- standalone display not working, https required? HOT 1
- The page "Using IndexedDB" confusingly uses the outdated property "errorCode"
- Add information about an error that happens when calling `history.replaceState` frequently
- JavaScript closures can have less than 3 scopes HOT 1
- Browsers interpret flex shorthand to have 0% flex-basis HOT 1
- Add glossary: cloud
- Missing CSS properties: flood-color, flood-opacity, and lighting-color HOT 1
- Missing CSS property: word-wrap HOT 1
- Typo on CSS/@property/syntax page
- Example Creating a modal dialog HOT 2
- My zone
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from content.