输入占位符中的中断行

时间:2017-10-18 11:02:32

标签: html css bootstrap-modal form-submit

我在一个模态中放了一个联系表格。

但是,当在消息部分输入消息时,文本将在一段时间后不会中断,而是永远向右移动。这使得消息的编写者很难在提交之前看到所有写的内容。我需要帮助改变这一点。 这是“Meddelande”(手段消息)部分,仅需要此修复程序。

这是一个打印屏幕,(文字是瑞典文,但它说明了我的观点)。 messagebox

这是我的代码,很乐意得到一些帮助。 请问我是否不够清楚,因为我可能错过了一些重要信息:)

 <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4><span class="glyphicon glyphicon-lock"></span> Kontakt</h4>
                </div>
                <div class="modal-body">
                    <form role="form">
                        <div class="form-group">
                            <label for="TelNummer"><span class="glyphicon glyphicon-earphone"></span> Telefonnummer</label>
                            <input type="number" class="form-control" id="TelNummer" placeholder="Ange telefonnummer">
                        </div>
                        <div class="form-group">
                            <label for="EMail"><span class="glyphicon glyphicon-envelope"></span> Email</label>
                            <input type="text" class="form-control" id="EMail" placeholder="Ange email">
                        </div>
                        <div class="form-group">
                            <label for="Meddelande"><span class="glyphicon glyphicon-pencil"></span> Meddelande</label>
                            <input type="text" class="form-control" style="height:50px" id="Meddelande" placeholder="Ange meddelande">
                        </div>
                        <button type="submit" class="btn btn-block" onclick="SkickaMail()">
                            Skicka
                            <span class="glyphicon glyphicon-ok"></span>
                        </button>
                    </form>
                </div>



                <div class="modal-footer">
                    <button type="submit" class="btn btn-danger btn-default pull-left" data-dismiss="modal">
                        <span class="glyphicon glyphicon-remove"></span> Avbryt
                    </button>
                    @*<p>Need <a href="#">help?</a></p>*@
                </div>
            </div>
        </div>
    </div>

0 个答案:

没有答案