Выводим форму поиска

Скопировано

<form id='search_form' action='/' method='get' role='search'>
	<input type='text' name='s' value='' placeholder='Поиск по сайту'>
	<input type='submit' value='Найти'>
</form>

Показать код

Скопировано

#search_form {
	max-width: 400px;
	position: relative;
}
#search_form * {
	box-sizing: border-box;
}
#search_form [name=s] {
	width: 100%;
	padding: 4px 70px 4px 15px;
	border: 1px solid #aaa;
}
#search_form [type=submit] {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	cursor: pointer;
	border: 0;
}

Показать код