【问题标题】: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>
    

    结果

    继续摇摆!

    【讨论】:

      猜你喜欢
      • 2019-10-30
      • 2020-12-19
      • 2018-08-31
      • 2020-12-29
      • 1970-01-01
      • 1970-01-01
      • 2017-12-21
      • 2020-12-26
      • 2020-08-22
      相关资源
      最近更新 更多