为什么我的搜索框没有搜索任何内容？

-7

我的HTML和CSS在这里。我已经从流行网站w3schools.com获得这些代码。我必须写什么地方？为什么我的搜索框没有搜索任何内容？

<html> 

<head> 
<style> 
input[type=text] { 
width: 130px; 
box-sizing: border-box; 
border: 2px solid #ccc; 
border-radius: 4px; 
font-size: 16px; 
background-color: white; 
background-image: url('searchicon.png'); 
background-position: 10px 10px; 
background-repeat: no-repeat; 
padding: 12px 20px 12px 40px; 
-webkit-transition: width 0.4s ease-in-out; 
transition: width 0.4s ease-in-out; 
} 

input[type=text]:focus { 
width: 100%; 
} 
</style> 
</head> 
<body> 

<p>Animated search form:</p> 

<form> 
<input type="text" name="search" placeholder="Search.."> 
</form> 

</body> 
</html>

感谢

来源

2016-07-15 Sumair Ali

您的'

[HTML5占位符属性不能代替标签元素]（http://www.456bereastreet.com/archive/201204/the_html5_placeholder_attribute_is_not_a_substitute_for_the_label_element/） – Quentin

@Lee - 这是一个搜索表单，所以GET请求很好，所以由于GET是默认的，因此不需要方法属性。 – Quentin

的guide you appear to have followed叫做“如何创建一个动画搜索表单”，不幸的是它是一个指南，完全是对“动画”页面，并没有任何与搜索。

表单的目的不是执行搜索。它是从用户收集数据并将其发送到服务器端程序。

您需要编写（或查找）将执行搜索的服务器端程序。

从您的服务器支持的服务器端代码中挑选一种编程语言开始。

来源

2016-07-15 11:00:04 Quentin

您能否为我编写代码 –

@SumairAli - 不，这是一个非常广泛的任务。 – Quentin

-1

这只是html设计页面。你必须编写一些搜索代码。像onchange事件你的代码做什么。

创建一个javascript函数并在onchange事件中调用该函数。

来源

2016-07-15 11:00:57 Pirate

我正在使用博客可以请你为我写js代码 –

正如你在评论中说的，你正在使用博客。在博客中使用此表单。它的工作原理

<form action='/search' class='search-form' method='get' role='search'> 
    <input class='form-control' name='q' placeholder='search' type='text'/> 
</form>

来源

2016-11-22 14:46:53 Bassam

为什么我的搜索框没有搜索任何内容？

回答

相关问题