WP: Adding a HTML5 Search Form

WP: Adding a HTML5 Search Form

May 31, 2015

A simple script from your local Gainesville Web Designer.

[code scroll="false" language="htmml"]

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
	<label>
		<span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span>
		<input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" />
	</label>
	<input type="submit" class="search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button' ) ?>" />
</form>

[/code]

More Web Design Blog Content

Should you be wary of SEO firms?

Good Call Commander! You should absolutely be suspicious of SEO firms these days. The industry is unfortunately saturated with unscrupulous, downright devious companies that prey on unsuspecting business owners attempting to better their rankings. They pump your site full of fluff and post thousands of links around their

5 Ways Small Businesses Can Use AI Like a Fortune 500 Company

Think AI is just for tech giants and massive corporations? Think again. The same artificial intelligence tools that power billion-dollar companies are now available—and affordable—for small businesses too. From automating customer service to generating marketing content, AI can help you work smarter, faster, and more efficiently. Here’s how

Using Red In Website Design

A key component of website design is color, and many designers choose the color red in particular. Red is a passionate, vivid color that may elicit strong feelings and emotions, making it a fantastic choice for designing a strong, compelling website. These are several justifications on why red

What is Lorem Ipsum?

Lorem ipsum is simply Latin text. Gobbledygook, essentially. Well, not really; It does have its roots in latin text from just before the BC to BCE line, so that puts it around 2000 years old. Past that, it’s gibberish. Sometimes web developers need filler text to create web

TNT Graphics Needed us Badly

Essy over at TNT Graphics stopped by and requested some changes to his website. He just needed an overhaul of his design and some programming changes to the way the shopping cart operated. Since we can do both web design and custom programming, he came to the right