如何在html中输入类型文本作为提交按钮?

时间:2015-08-04 06:05:24

标签: javascript html html5

我有一个没有输入类型提交的表单。

<form class="form" action="" method="post" name="new-service"
 enctype=multipart/form-data>  
  <span class="pull-right">
    <input id="sa" name="Searchs" type="text" placeholder="Analyze Search"
     class="form-control input-xlarge search-query center-display"
     required="">    
    <span class="pull-right"> <a class="btn btn-success"  href="#"
     onclick="
       this.href='/recrawl?search=' + document.getElementById('sa').value;
       somefunction(this, event);
       return true;
    ">  Analyze Data </a>
    <br><br>
  </span>
</form>
点击分析数据时,

以上形式工作。

但现在我希望它按输入类型文本标签的输入

运行

我试过

<input id="sa" name="Searchs" type="text" placeholder="Analyze Search"
 class="form-control input-xlarge search-query center-display" required=""
 onclick="
   this.href = '/recrawl?search=' + document.getElementById('sa').value;
   somefunction(this, event);
   return true;
"> 

但它不起作用?

2 个答案:

答案 0 :(得分:0)

<input id="sa" name="Searchs" type="text" placeholder="Analyze Search" class="form-control input-xlarge search-query center-display" required="" onKeyPress="postURL(event, this)">

function postURL(e, textarea){
   var code = (e.keyCode ? e.keyCode : e.which);
   if(code == 13) { //Enter keycode
      window.location.href ='/recrawlsearch='+document.getElementById('sa').value;
   }
}

希望这个window.location.href可以帮到你。

答案 1 :(得分:0)

input元素没有href属性,因此this.href = xxxx无效。

如果要单击输入元素,请使用window.location.href = xxx