Mixing
How to create a dynamic form with bootstrap?
I currently have a basic form where the user can submit a paragraph of text. However, I want them to be able to choose either to paste their paragraph or to instead upload a file. In essence, this choice will determine which input field shows. Is there a mechanism to do this?
html css forms bootstrap-4
asked Jan 1 at 14:50
Ryan GraingerRyan Grainger
65
add a comment |
I currently have a basic form where the user can submit a paragraph of text. However, I want them to be able to choose either to paste their paragraph or to instead upload a file. In essence, this choice will determine which input field shows. Is there a mechanism to do this?
html css forms bootstrap-4
asked Jan 1 at 14:50
Ryan GraingerRyan Grainger
65
2
Welcome! Stack Overflow is not a code writing service. We are always glad to help and support new coders but you need to help yourself first. You are expected to try to write the code yourself. Please read How to create a Minimal, Complete, and Verifiable example.
– Smollet777
Jan 1 at 14:52
add a comment |
I currently have a basic form where the user can submit a paragraph of text. However, I want them to be able to choose either to paste their paragraph or to instead upload a file. In essence, this choice will determine which input field shows. Is there a mechanism to do this?
html css forms bootstrap-4
asked Jan 1 at 14:50
Ryan GraingerRyan Grainger
65
I currently have a basic form where the user can submit a paragraph of text. However, I want them to be able to choose either to paste their paragraph or to instead upload a file. In essence, this choice will determine which input field shows. Is there a mechanism to do this?
html css forms bootstrap-4
html css forms bootstrap-4
asked Jan 1 at 14:50
Ryan GraingerRyan Grainger
65
asked Jan 1 at 14:50
Ryan GraingerRyan Grainger
65
asked Jan 1 at 14:50
Ryan GraingerRyan Grainger
65
asked Jan 1 at 14:50
Ryan GraingerRyan Grainger
65
asked Jan 1 at 14:50
Ryan GraingerRyan Grainger
65
65
2
Welcome! Stack Overflow is not a code writing service. We are always glad to help and support new coders but you need to help yourself first. You are expected to try to write the code yourself. Please read How to create a Minimal, Complete, and Verifiable example.
– Smollet777
Jan 1 at 14:52
add a comment |
2
Welcome! Stack Overflow is not a code writing service. We are always glad to help and support new coders but you need to help yourself first. You are expected to try to write the code yourself. Please read How to create a Minimal, Complete, and Verifiable example.
– Smollet777
Jan 1 at 14:52
2
2
Welcome! Stack Overflow is not a code writing service. We are always glad to help and support new coders but you need to help yourself first. You are expected to try to write the code yourself. Please read How to create a Minimal, Complete, and Verifiable example.
– Smollet777
Jan 1 at 14:52
Welcome! Stack Overflow is not a code writing service. We are always glad to help and support new coders but you need to help yourself first. You are expected to try to write the code yourself. Please read How to create a Minimal, Complete, and Verifiable example.
– Smollet777
Jan 1 at 14:52
add a comment |
1 Answer
1
active
oldest
votes
Use quill if you are looking for text editor like in most content management website
answered Jan 1 at 15:30
Zain AliZain Ali
5412
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
});
}
});
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%2f53996412%2fhow-to-create-a-dynamic-form-with-bootstrap%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Use quill if you are looking for text editor like in most content management website
answered Jan 1 at 15:30
Zain AliZain Ali
5412
add a comment |
Use quill if you are looking for text editor like in most content management website
answered Jan 1 at 15:30
Zain AliZain Ali
5412
add a comment |
Use quill if you are looking for text editor like in most content management website
answered Jan 1 at 15:30
Zain AliZain Ali
5412
Use quill if you are looking for text editor like in most content management website
answered Jan 1 at 15:30
Zain AliZain Ali
5412
answered Jan 1 at 15:30
Zain AliZain Ali
5412
answered Jan 1 at 15:30
Zain AliZain Ali
5412
answered Jan 1 at 15:30
Zain AliZain Ali
5412
5412
add a comment |
add a comment |
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.
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%2f53996412%2fhow-to-create-a-dynamic-form-with-bootstrap%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
2
Welcome! Stack Overflow is not a code writing service. We are always glad to help and support new coders but you need to help yourself first. You are expected to try to write the code yourself. Please read How to create a Minimal, Complete, and Verifiable example.
– Smollet777
Jan 1 at 14:52