Текстовое поле, как панель поиска в Jquery Mobile - PullRequest
Новая
       23

Текстовое поле, как панель поиска в Jquery Mobile

1 голос
/ 01 февраля 2012

есть ли способ создать текстовый ввод, как панель поиска для Jquery Mobile. Например, когда мы набираем текст, должен быть крестик, который позволяет пользователям очистить поле.

Даже если я использую панель поиска в качестве поля ввода, появляется значок поиска, и он не выглядит подходящим и подходящим для текстового поля.

Может кто-нибудь мне помочь. Заранее спасибо

Ответы [ 2 ]

3 голосов
/ 30 июня 2013

Добавить data-clear-btn = "true" для вашего ввода TextBox

3 голосов
/ 01 февраля 2012

Я думаю, это то, что вы ищете. Идея состоит в том, чтобы скрыть значок в поиске. 

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
    <style>
    .content .ui-icon-searchfield::after{
        display:none !important;
    }

    .content .ui-input-search{
        padding:0 10px !important;
    }

    </style>
</head> 
<body> 

<div data-role="page">

    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->

    <div data-role="content" class="content">   
        <input type="search" name="search" id="searc-basic" value="" />     
    </div><!-- /content -->
</div><!-- /page -->

</body>
</html>

Демо здесь - http://jsfiddle.net/8sg6M/

...