2016-11-22 59 views
1

我已经把我的输入类型重置按钮内的形式,但它仍然不工作。复位按钮不工作在HTML(PHP)

<form method='post' action='process/update_news_action.php' > 
<tr> 
    <td colspan='2' class="col-md-4">Update News Content</td> 
</tr> 
<tr > 
    <td colspan='2' class="col-md-8"><textarea name="news" id="text"><?php echo $rows["news"] ; ?></textarea></td> 
</tr> 
<tr> 
    <td class="col-md-4"><input name='submit' type="submit" value='Publish' class="btn btn-success" /></td> 
    <td class="col-md-4"><input name='reset' type="reset" value='Reset' class="btn btn-primary" /></td> 
</tr> 
</form> 

我也曾尝试<button type="reset" value="Reset">Reset</button>

+0

不工作*如何*?它是否在一个表单中? – Qirel

+0

在此处放置完整代码 –

+0

粘贴您的整个代码或者使用SO代码片段来更好地理解。 – RJParikh

回答

0

你应该把<input type="reset">在这样的形式,肯定会工作

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta charset="ISO-8859-1"> 
 
<title>Tring Reset</title> 
 
<style> 
 
</style> 
 
</head> 
 
<body> 
 
<form> 
 
<input type="text"></input> 
 
<input type="text"></input> 
 
<input type="text"></input> 
 
<input type="text"></input> 
 
<input type="text"></input> 
 
<input type=reset></input> 
 
</form> 
 
</body> 
 
</html>

0

你只需把你的重置表格内的按钮。在下面的代码中,我已经采取了一个输入框也是一个例子。我希望它有帮助。

<form> 
 
\t <input type="text" /> 
 
    \t <table> 
 
     <td class="col-md-4"> 
 
     <input name='reset' type="reset" value='Reset' class="btn btn-primary" /> 
 
     </td> 
 
    \t </table> 
 
</form>

1

我想你忘记插入form标签在你HTML。它应该是工作,如果你插入按钮代码为<form>..button code here..</form> .Something这样的:

<form> 
 
    <input type="text"> 
 
    <td class="col-md-4"> 
 
     <input name='reset' type="reset" value='Reset' class="btn btn-primary" />  
 
    </td> 
 
</form>

0

能不能请你没有内部textarea的呼应任何

试试这个

<form method='post' action='process/update_news_action.php' > 

               <tr> 
               <td colspan='2' class="col-md-4">Update News Content</td> 

               </tr> 
               <tr > 
                <td colspan='2' class="col-md-8"><textarea name="news" id="text"></textarea></td> 
               </tr> 
               <tr> 
                <td class="col-md-4"><input name='submit' type="submit" value='Publish' class="btn btn-success" /> </td> 
               <td class="col-md-4"><input name='reset' type="reset" value='Reset' class="btn btn-primary" /> </td> 
               </tr> 

             </form> 

我认为重置按钮工作正常。

0

@Jaspreet Kaur您需要在表格外添加表格标签。请检查我以前的评论。

5

如果您希望重置按钮清空表单,那不是重置的方式。它会将表单域重置为,页面加载时为。在这种情况下,您的表单中已预先填充内容,因此单击重置将简单地撤销自页面加载以来的任何用户更改。

要将所有表单字段重置为空白/无,您将需要javascript。首先获取表单DOM对象,然后迭代要重置的所有输入类型,并设置每个field.value = ''(输入文本类型/ textarea),或者修改属性(用于选择,收音机,复选框等)以取消选择等等。把它变成一个函数(这里可能有一个准备好的部分,我似乎已经失去了我的位置),并将其设置为您的重置按钮的onclick(和return false,除非您想要默认操作也运行)。

编辑:快速搜索,这里有一个基本的例子how to clear a form为空值。