输入标题显示在“材料设计”表单中的输入字段下方

时间:2018-05-28 07:36:17

标签: css angularjs material-design angular-material

enter image description here

标题显示在输入字段下方css很好,但仍面临问题 我只是从https://www.bossable.com/1745/angularjs-material-design-contact-form/

复制示例代码
<div flex layout="row" layout-align="center center">
    <div flex-sm="100" flex-gt-sm="90" flex-gt-md="70" flex-gt-lg="50" class="md-whiteframe-z2">
        <md-content class="md-padding">
            <div flex-sm="100" flex-gt-sm="80" layout-sm="column">
                <form name="contactForm" data-ng-submit="sendMail()">
                    <md-input-container>
                        <label>Name:</label>
                        <input ng-model="contactName" required>
                    </md-input-container>
                    <md-input-container flex>
                        <label>Email:</label>
                        <input type="email" ng-model="contactEmail" required>
                    </md-input-container>

                    <md-input-container>
                        <label>Message:</label>
                        <textarea ng-model="contactMsg" columns="1" md-maxlength="150" required></textarea>
                    </md-input-container>

                    <button type="submit">Send</button>
                </form>
            </div>
        </md-content>
    </div>
</div>

2 个答案:

答案 0 :(得分:1)

$res1=array(); $temp = []; for ($i=0; $i <count($addplus) ; $i++) { $res1 = $addplus[$i]; while($pos = strpos($res1, "<mrow>",1)) { if ($pos1=substr($res1,$pos,$pos + 4) != "<mo>") { $temp=str_replace($pos, "<mrow><mo>+</mo>", $res1); } else { $temp= $res1; } } } print_r($temp);元素替换为<button>指令:

<md-button>

有关详细信息,请参阅AngularJS Material <md-button> API Reference

答案 1 :(得分:0)

代替,尝试添加占位符,例如<input type="email" ng-model="contactEmail" placeholder="Email:" required>