Mixing
Input type=range. how do i make the slider values divisible by 10?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
0
Good day,
<input type="range" min="0" max"500" value="0" id="slider">
based on the html above, is it possible to make the slider values divisible by 10?
For example when the user drags the slider.. values will go up from 0 - 10 - 20 - 30. instead of the default 1,2,3,4,5......
Thank you very much!
javascript html css
asked Jan 3 at 8:26
Kim LoKim Lo
295
add a comment |
0
Good day,
<input type="range" min="0" max"500" value="0" id="slider">
based on the html above, is it possible to make the slider values divisible by 10?
For example when the user drags the slider.. values will go up from 0 - 10 - 20 - 30. instead of the default 1,2,3,4,5......
Thank you very much!
javascript html css
asked Jan 3 at 8:26
Kim LoKim Lo
295
6
Use the step attribute
– George
Jan 3 at 8:29
add a comment |
0
0
0
Good day,
<input type="range" min="0" max"500" value="0" id="slider">
based on the html above, is it possible to make the slider values divisible by 10?
For example when the user drags the slider.. values will go up from 0 - 10 - 20 - 30. instead of the default 1,2,3,4,5......
Thank you very much!
javascript html css
asked Jan 3 at 8:26
Kim LoKim Lo
295
Good day,
<input type="range" min="0" max"500" value="0" id="slider">
based on the html above, is it possible to make the slider values divisible by 10?
For example when the user drags the slider.. values will go up from 0 - 10 - 20 - 30. instead of the default 1,2,3,4,5......
Thank you very much!
javascript html css
javascript html css
asked Jan 3 at 8:26
Kim LoKim Lo
295
asked Jan 3 at 8:26
Kim LoKim Lo
295
asked Jan 3 at 8:26
Kim LoKim Lo
295
asked Jan 3 at 8:26
Kim LoKim Lo
295
asked Jan 3 at 8:26
Kim LoKim Lo
295
295
6
Use the step attribute
– George
Jan 3 at 8:29
add a comment |
6
Use the step attribute
– George
Jan 3 at 8:29
6
6
Use the step attribute
– George
Jan 3 at 8:29
Use the step attribute
– George
Jan 3 at 8:29
add a comment |
4 Answers
4
active
oldest
votes
4
You can do:
<input type="range" max="500" min="0" step="10" id="slider" />edited Jan 3 at 8:30
לבני מלכה
11.1k1927
answered Jan 3 at 8:29
Brian LeBrian Le
875318
add a comment |
4
You can do this by using the step attribute.
<input type="range" min="0" max"500" value="0" step="10" id="slider">Be aware that this is only supported from IE10 and later.
answered Jan 3 at 8:29
R PelzerR Pelzer
695926
3
Please don't link to or recommend w3schools.
– Chris G
Jan 3 at 8:31
add a comment |
0
<input type="range" min="0" max "500" value="0" step="10" id="slider">For more details
edited Jan 3 at 8:40
Islam Elshobokshy
1
answered Jan 3 at 8:38
Partho63Partho63
2,01011125
add a comment |
-1
Add step attribute
<input type="range" min="0" max"500" value="0" step="50" id="slider">
The stepping interval, used both for user interface and validation purposes
answered Jan 3 at 8:32
Budhesh SambadBudhesh Sambad
11
1
Aside from your answer being very low quality, it doesn’t even give the OP an example. Please edit your answer accordingly.
– Jack Bashford
Jan 3 at 8:38
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54018669%2finput-type-range-how-do-i-make-the-slider-values-divisible-by-10%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
4 Answers
4
active
oldest
votes
4 Answers
4
active
oldest
votes
active
oldest
votes
active
oldest
votes
4
You can do:
<input type="range" max="500" min="0" step="10" id="slider" />edited Jan 3 at 8:30
לבני מלכה
11.1k1927
answered Jan 3 at 8:29
Brian LeBrian Le
875318
add a comment |
4
You can do:
<input type="range" max="500" min="0" step="10" id="slider" />edited Jan 3 at 8:30
לבני מלכה
11.1k1927
answered Jan 3 at 8:29
Brian LeBrian Le
875318
add a comment |
4
4
4
You can do:
<input type="range" max="500" min="0" step="10" id="slider" />edited Jan 3 at 8:30
לבני מלכה
11.1k1927
answered Jan 3 at 8:29
Brian LeBrian Le
875318
You can do:
<input type="range" max="500" min="0" step="10" id="slider" /> <input type="range" max="500" min="0" step="10" id="slider" /> <input type="range" max="500" min="0" step="10" id="slider" />edited Jan 3 at 8:30
לבני מלכה
11.1k1927
answered Jan 3 at 8:29
Brian LeBrian Le
875318
edited Jan 3 at 8:30
לבני מלכה
11.1k1927
edited Jan 3 at 8:30
לבני מלכה
11.1k1927
edited Jan 3 at 8:30
לבני מלכה
11.1k1927
11.1k1927
answered Jan 3 at 8:29
Brian LeBrian Le
875318
answered Jan 3 at 8:29
Brian LeBrian Le
875318
answered Jan 3 at 8:29
Brian LeBrian Le
875318
875318
add a comment |
add a comment |
4
You can do this by using the step attribute.
<input type="range" min="0" max"500" value="0" step="10" id="slider">Be aware that this is only supported from IE10 and later.
answered Jan 3 at 8:29
R PelzerR Pelzer
695926
3
Please don't link to or recommend w3schools.
– Chris G
Jan 3 at 8:31
add a comment |
4
You can do this by using the step attribute.
<input type="range" min="0" max"500" value="0" step="10" id="slider">Be aware that this is only supported from IE10 and later.
answered Jan 3 at 8:29
R PelzerR Pelzer
695926
3
Please don't link to or recommend w3schools.
– Chris G
Jan 3 at 8:31
add a comment |
4
4
4
You can do this by using the step attribute.
<input type="range" min="0" max"500" value="0" step="10" id="slider">Be aware that this is only supported from IE10 and later.
answered Jan 3 at 8:29
R PelzerR Pelzer
695926
You can do this by using the step attribute.
<input type="range" min="0" max"500" value="0" step="10" id="slider">Be aware that this is only supported from IE10 and later.
<input type="range" min="0" max"500" value="0" step="10" id="slider"> <input type="range" min="0" max"500" value="0" step="10" id="slider">answered Jan 3 at 8:29
R PelzerR Pelzer
695926
edited Jan 3 at 8:32
answered Jan 3 at 8:29
R PelzerR Pelzer
695926
answered Jan 3 at 8:29
R PelzerR Pelzer
695926
answered Jan 3 at 8:29
R PelzerR Pelzer
695926
695926
3
Please don't link to or recommend w3schools.
– Chris G
Jan 3 at 8:31
add a comment |
3
Please don't link to or recommend w3schools.
– Chris G
Jan 3 at 8:31
3
3
Please don't link to or recommend w3schools.
– Chris G
Jan 3 at 8:31
Please don't link to or recommend w3schools.
– Chris G
Jan 3 at 8:31
add a comment |
0
<input type="range" min="0" max "500" value="0" step="10" id="slider">For more details
edited Jan 3 at 8:40
Islam Elshobokshy
1
answered Jan 3 at 8:38
Partho63Partho63
2,01011125
add a comment |
0
<input type="range" min="0" max "500" value="0" step="10" id="slider">For more details
edited Jan 3 at 8:40
Islam Elshobokshy
1
answered Jan 3 at 8:38
Partho63Partho63
2,01011125
add a comment |
0
0
0
<input type="range" min="0" max "500" value="0" step="10" id="slider">For more details
edited Jan 3 at 8:40
Islam Elshobokshy
1
answered Jan 3 at 8:38
Partho63Partho63
2,01011125
<input type="range" min="0" max "500" value="0" step="10" id="slider">For more details
<input type="range" min="0" max "500" value="0" step="10" id="slider"><input type="range" min="0" max "500" value="0" step="10" id="slider">edited Jan 3 at 8:40
Islam Elshobokshy
1
answered Jan 3 at 8:38
Partho63Partho63
2,01011125
edited Jan 3 at 8:40
Islam Elshobokshy
1
edited Jan 3 at 8:40
Islam Elshobokshy
1
edited Jan 3 at 8:40
Islam Elshobokshy
1
1
answered Jan 3 at 8:38
Partho63Partho63
2,01011125
answered Jan 3 at 8:38
Partho63Partho63
2,01011125
answered Jan 3 at 8:38
Partho63Partho63
2,01011125
2,01011125
add a comment |
add a comment |
-1
Add step attribute
<input type="range" min="0" max"500" value="0" step="50" id="slider">
The stepping interval, used both for user interface and validation purposes
answered Jan 3 at 8:32
Budhesh SambadBudhesh Sambad
11
1
Aside from your answer being very low quality, it doesn’t even give the OP an example. Please edit your answer accordingly.
– Jack Bashford
Jan 3 at 8:38
add a comment |
-1
Add step attribute
<input type="range" min="0" max"500" value="0" step="50" id="slider">
The stepping interval, used both for user interface and validation purposes
answered Jan 3 at 8:32
Budhesh SambadBudhesh Sambad
11
1
Aside from your answer being very low quality, it doesn’t even give the OP an example. Please edit your answer accordingly.
– Jack Bashford
Jan 3 at 8:38
add a comment |
-1
-1
-1
Add step attribute
<input type="range" min="0" max"500" value="0" step="50" id="slider">
The stepping interval, used both for user interface and validation purposes
answered Jan 3 at 8:32
Budhesh SambadBudhesh Sambad
11
Add step attribute
<input type="range" min="0" max"500" value="0" step="50" id="slider">
The stepping interval, used both for user interface and validation purposes
answered Jan 3 at 8:32
Budhesh SambadBudhesh Sambad
11
edited Jan 3 at 9:04
answered Jan 3 at 8:32
Budhesh SambadBudhesh Sambad
11
answered Jan 3 at 8:32
Budhesh SambadBudhesh Sambad
11
answered Jan 3 at 8:32
Budhesh SambadBudhesh Sambad
11
11
1
Aside from your answer being very low quality, it doesn’t even give the OP an example. Please edit your answer accordingly.
– Jack Bashford
Jan 3 at 8:38
add a comment |
1
Aside from your answer being very low quality, it doesn’t even give the OP an example. Please edit your answer accordingly.
– Jack Bashford
Jan 3 at 8:38
1
1
Aside from your answer being very low quality, it doesn’t even give the OP an example. Please edit your answer accordingly.
– Jack Bashford
Jan 3 at 8:38
Aside from your answer being very low quality, it doesn’t even give the OP an example. Please edit your answer accordingly.
– Jack Bashford
Jan 3 at 8:38
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54018669%2finput-type-range-how-do-i-make-the-slider-values-divisible-by-10%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
6
Use the step attribute
– George
Jan 3 at 8:29