<input class="ewm" type="text" placeholder="请扫描料框条码" value="" /> 输入框输入时placeholder消失

您可以使用JavaScript来实现在输入时隐藏placeholder的效果。可以通过监听输入框的focus和blur事件来控制placeholder的显示和隐藏。具体实现方法如下：

HTML代码：

<input id="input-box" class="ewm" type="text" placeholder="请扫描料框条码" value="" />

JavaScript代码：

var inputBox = document.getElementById("input-box");

inputBox.addEventListener("focus", function() {
  inputBox.removeAttribute("placeholder");
});

inputBox.addEventListener("blur", function() {
  inputBox.setAttribute("placeholder", "请扫描料框条码");
});

当输入框获得焦点时，移除placeholder属性；当失去焦点时，重新添加placeholder属性。这样可以在输入时隐藏placeholder。

相关问题

<div class="ewm"> <img src="../assets/weixin.png"> <img src="../assets/weibo.png"> <img src="../assets/douyin.png"> <img src="../assets/shipin.png"> </div>让这几个图片之间有50px的间距怎么写css

可以使用 `margin` 属性来为图片之间添加间距。具体来说，可以为 `.ewm` 类添加如下的样式：

.ewm img {
  margin-right: 50px;
}

这样就可以为每个图片元素添加右侧 50px 的外边距，从而实现图片之间的间距效果。如果需要在最后一个图片元素后面去掉间距，可以使用 `:last-child` 伪类来去除最后一个图片元素的外边距：

.ewm img:last-child {
  margin-right: 0;
}

$(document).ready(function(){ var ewm=$(".ewm").val(); if(ewm.autofocus != true){ $.ajax({ type: "get", url: "http://localhost:5000/api/Test/str3", dataType: "jsonp", jsonp: "callback", data: "lt=sfdafda", contentType: "application/json; charset=utf-8", success: function(info) { var pjson = eval(info.data); var result = ""; $.each(pjson, function(i, data) { result += "<tr><td>" + data.sn + "</td><td>" + "<input type='checkbox' data-id='" + (data.sn) + "' class='cbitems' style='width:200px; height: 50px;margin:0 auto;display: block;'>" + "</td></tr>"; }); $("#tbl4").append(result); }, error: function(XMLHttpResponse, textStatus, errorThrown) { console.log(XMLHttpResponse, textStatus, errorThrown); }, });输入完成后自动搜索并显示 具体代码

根据你提供的代码，我理解你的需求是在页面加载完成后，自动执行一次ajax请求，将返回结果展示在页面上。可以使用以下代码实现：

$(document).ready(function(){
  var ewm=$(".ewm").val();
  if(ewm.autofocus != true){
    // 执行一次ajax请求
    $.ajax({
      type: "get",
      url: "http://localhost:5000/api/Test/str3",
      dataType: "jsonp",
      jsonp: "callback",
      data: "lt=sfdafda",
      contentType: "application/json; charset=utf-8",
      success: function(info) {
        var pjson = eval(info.data);
        var result = "";
        $.each(pjson, function(i, data) {
          result += "<tr><td>" + data.sn + "</td><td>" +
            "<input type='checkbox' data-id='" + (data.sn) +
            "' class='cbitems' style='width:200px; height: 50px;margin:0 auto;display: block;'>" +
            "</td></tr>";
        });
        $("#tbl4").append(result);
      },
      error: function(XMLHttpResponse, textStatus, errorThrown) {
        console.log(XMLHttpResponse, textStatus, errorThrown);
      },
    });
  }
});

上述代码将在页面加载完成后执行一次ajax请求，并将结果展示在id为tbl4的表格中。你可以根据实际需求进行修改和优化。