WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Mac OS X style search form (4 posts)

  1. markms
    Member
    Posted 9 years ago #

    Does anyone know how to make the search bar look like this http://binarybonsai.com/ ? I'm not talking about Livesearch, I know about that. I'm talking about how there is the tiny x inside the search box, click the x and the search bar text that was already in there disappears and waits for you to search something.

    I just love it looks like it's Mac OS X Tiger with Spotlight. Thanks.

  2. somefool
    Member
    Posted 9 years ago #

    if you look in the code at the search form its all there, you can also checka checka mine if you clicka on my username over there -->

    see also

    http://jeffcroft.com/blog/archives/2005/05/safaris_unusual.php

  3. ultrazero
    Member
    Posted 8 years ago #

    Does anyone have more information on doing an OS X style search form? I'm having trouble figuring it out.

  4. FasterTheChase
    Member
    Posted 8 years ago #

    <input type="search"/>

    this is a customisation/extension of HTML on apples part and will only work on safari within tiger.

    http://www.bartelme.at/journal_detail.php?detail=236

    apple seem to have no ADC docs on it so i dont know any more about any variables except for what ive scavenged (maily from apples dashboard widgets site) but what i do know:

    <input type="search" name="q" placeholder="Search Dashboard Widgets" autosave="Apple Downloads" results="5" class="sbox" id="q">

    Placeholder = the text in grey before you type
    Autosave = you have to specify the name for a cookie to enable the little drop down search history - site name usually does
    Results = number of previous searches displayed by clicking the droppy arrow 0 disables search history

    dont quite know what the rest do

    hope this helps

Topic Closed

This topic has been closed to new replies.

About this Topic