Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Change the search form text input to search type and add the basic style... #166

Merged
merged 1 commit into from

2 participants

@iamtakashi
Owner

Related to #98. This changes the search form text input to search type and add the basic style for it.

@philiparthurmoore philiparthurmoore merged commit 6917268 into from
@marksantiago marksantiago referenced this pull request from a commit
Commit has since been removed from the repository and is no longer available.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Feb 27, 2013
  1. @iamtakashi
This page is out of date. Refresh to see the latest.
Showing with 5 additions and 2 deletions.
  1. +1 −1  searchform.php
  2. +4 −1 style.css
View
2  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>
View
5 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 {
Something went wrong with that request. Please try again.