如何使占位符可点击？

Question

在输入中输入手机号码后，我需要点击“发送”。我正在使用Bootstrap材质设计CSS。以下是我正在使用的html代码，将不胜感激。

<div class="form-group">
     <label for="mobile_no" class="bmd-label-floating form_input_label">Contact no</label>
     <input type="text" class="form-control no-margin " id="mobile_no" style="width: 80%" placeholder="SEND">
</div>

使用的CSS如下。

input[type="text"]::-webkit-input-placeholder {
    text-align: right;
    font-family: Lato;
    font-size: 16px;
    letter-spacing: 1px;
    color: #00bcd4;
}

Answer 1

您可以添加一个提交按钮：

<input type="submit" value="SEND" />

您可以添加一个按钮：

<button type="button">SEND</button>

或者您可以在标签中包裹一些东西，例如：

<div class="form-group">
<a href="#">
   <label for="mobile_no" class="bmd-label-floating form_input_label">Contact no</label>
</a>
   <input type="text" class="form-control no-margin " id="mobile_no" style="width: 80%" placeholder="SEND">
</div>

“提交”按钮是最常见的解决方案。