From ed6a89fa207de8973995093f00ac2780003c032a Mon Sep 17 00:00:00 2001
From: Takashi Irie <takashi@automattic.com>
Date: Wed, 27 Feb 2013 20:26:16 +0000
Subject: [PATCH] Change the search form text input to search type and add the
 basic style for it

---
 searchform.php | 2 +-
 style.css      | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/searchform.php b/searchform.php
index bb70d4c6..a4a2bf87 100644
--- a/searchform.php
+++ b/searchform.php
@@ -8,6 +8,6 @@
 ?>
 	<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
 		<label for="s" class="assistive-text"><?php _e( 'Search', '_s' ); ?></label>
-		<input type="text" class="field" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" id="s" placeholder="<?php esc_attr_e( 'Search &hellip;', '_s' ); ?>" />
+		<input type="search" class="field" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" id="s" placeholder="<?php esc_attr_e( 'Search &hellip;', '_s' ); ?>" />
 		<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', '_s' ); ?>" />
 	</form>
diff --git a/style.css b/style.css
index b6480d9c..9629e68a 100644
--- a/style.css
+++ b/style.css
@@ -282,6 +282,7 @@ input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly i
 input[type=text],
 input[type=email],
 input[type=password],
+input[type=search],
 textarea {
 	color: #666;
 	border: 1px solid #ccc;
@@ -290,12 +291,14 @@ textarea {
 input[type=text]:focus,
 input[type=email]:focus,
 input[type=password]:focus,
+input[type=search]:focus,
 textarea:focus {
 	color: #111;
 }
 input[type=text],
 input[type=email],
-input[type=password] {
+input[type=password],
+input[type=search] {
 	padding: 3px;
 }
 textarea {