如何使用角度材质在我的texbox中添加提交按钮?

时间:2017-07-04 14:09:10

标签: input angular-material

我试图添加一个'发送'我的文字右侧的按钮输入角度材料。



<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>
&#13;
&#13;
&#13;

但我的发送按钮并不会出现在我的文本框附近。如何在文本框中找到按钮?

1 个答案:

答案 0 :(得分: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>

<强>结果

enter image description here

继续摇摆!