H5 input里加小图标

在H5 input中加入小图标，可以通过在input标签中添加type="text"和class属性，然后在class中设置背景图片的方式来实现。例如：

<input type="text" class="search-input" placeholder="请输入搜索内容">

.search-input {
    background-image: url(搜索.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

这样就可以在输入框的右侧添加一个搜索图标了。

相关问题

h5 i标签做小图标

虽然i标签通常用于表示斜体文本，但是可以通过CSS样式来让i标签作为小图标使用。具体做法是在i标签中使用字体图标或SVG图标，然后通过CSS样式来设置图标的大小、颜色等属性。以下是一个使用字体图标作为i标签小图标的例子：

<!-- 引入字体图标库 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/fontawesome/4.7.0/css/font-awesome.min.css">

<!-- 在i标签中使用字体图标 -->
<i class="fa fa-user"></i>

<!-- 设置i标签的大小和颜色 -->
<style>
  i {
    font-size: 20px;
    color: red;
  }
</style>

这样就会在网页中显示一个大小为20px、颜色为红色的用户图标。类似地，也可以使用SVG图标来实现i标签小图标。

h5使用input标签如何禁止调用摄像头

你可以在`<input>`标签中添加`capture="none"`属性，这样就可以禁止调用摄像头了。例如：

<input type="file" capture="none">

同时，你也可以在WebView中设置WebChromeClient的回调函数，通过`onShowFileChooser`方法来控制文件选择器的行为。在该方法中，你可以根据自己的需要返回一个空的Intent，这样就可以阻止选择器调用摄像头了。以下是示例代码：

webView.setWebChromeClient(new WebChromeClient() {
    @Override
    public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
        // 返回空的Intent，阻止选择器调用摄像头
        filePathCallback.onReceiveValue(null);
        return true;
    }
});

需要注意的是，这种方法只能阻止文件选择器调用摄像头，如果页面中有其他组件（如JavaScript代码）调用了摄像头，仍然需要进行其他处理。