Topic: label2 overwrites label1 on form

mshallop pro asked 7 years ago


Hey - I have a simple form (below) where I am trying to add a label for a text box that appears beneath a text-area control, which has it's own label. The second label, the one for the text-input control, is written/rendered over the label text for the previous control. Just wanted to report it... thanks! --mike
                                <form id="post-activity">
                                    <!--suppress XmlDuplicatedId -->
                                    <input type="hidden" id="userid" name="userid" value="$session['user']['id']">
                                    <textarea id="hfpost" name="hfpost" class="md-textarea"></textarea>
                                    <label for="hfpost">What's on your mind, $session['user']['username']?</label>
                                    <br><br>
                                    <input type="text" id="hflink" name="hflink" placeholder="Include a link...">
                                    <label for="hflink" id="label-hflink">Share a link</label>
                                    <br><br>
                                    <div class="file-field">
                                        <div class="btn btn-light-green btn-sm">
                                            <span>Choose image</span>
                                            <input type="file">
                                        </div>
                                        <div class="file-path-wrapper">
                                            <input class="file-path validate" id="hfimage" name="hfimage" type="text" placeholder="Include an image...">
                                        </div>
                                    </div>
                                    <br><br>
                                    <button id="post-button" class="btn btn-dark-green btn-raised waves-effect pull-right" type="submit">
                                        <span class="mdi mdi-send"></span>Post
                                    </button>
                                </form>

Magdalena Obalska free answered 7 years ago


Hi, I don't see anything suspicious here, everything works as it should (according to your code). If you want you can send me an e-mail (m.obalska@mdbootstrap.com) and explain in details what do you want to achieve.

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags