【问题标题】:How can I add a submit button inside my texbox using angular material?如何使用角材料在我的文本框中添加提交按钮?
【发布时间】:2017-07-04 22:44:49
【问题描述】:
我正在尝试在我的文本输入的右侧添加一个“发送”按钮,使用角度材料。
<md-input-container>
<input type="text" style="bottom:0; width:90%; height: 15%; position: fixed; border-top: 1px solid black">
<md-button class="md-raised md-primary" id="send" style="position:absolute;">Send</md-button>
</md-input-container>
但是我的发送按钮并没有出现在我的文本框附近。如何获取文本框内的按钮?
【问题讨论】:
标签:
input
angular-material
【解决方案1】:
在表单中分隔事物的方法是使用layout containers
<div layout="row">
<!-- Textbox -->
<md-input-container>
<label>Name</label>
<input ng-model="yourModelHere">
</md-input-container>
<!-- Send Button -->
<md-input-container>
<md-button id="send" class="md-raised md-primary">Send</md-button>
</md-input-container>
</div>
结果
继续摇摆!