Question

我需要一个链接来清除某列中的输入。我找到了一种方法，可以将按钮设置为链接：

<input type="reset" value="clear fields" style=" background:transparent; border: none; color:blue; cursor:pointer">

我的页面设置为三列，我需要该链接才能清除第一列（带链接的列）中的输入。我该怎么做？

<div class="form-group">
     <label for="cardNumber">CARD NUMBER</label><!--<a>clear fields</a>-->
     <button onclick="clearFields()" style=" background:transparent; border: none; color:blue; cursor:pointer">clear fields</button>
     <input type="text" class="form-control" id="cardNumber" placeholder="">
</div>
<div class="form-group">
     <label for="expiration" style="display: inline-block; margin: 5px 5px 5px 0;">EXPIRATION</label>
     <input type="text" class="form-control" id="expiration" placeholder="MM/YYYY" style="display: inline-block; width: 100px; margin: 5px;">
     <label for="cvv" style="display: inline-block; margin: 5px;">CVV</label>
     <input type="text" class="form-control" id="cvv" placeholder="" style="display: inline-block; width:60px; margin: 5px;">
</div>

修改

var clearFields = function() {
    document.getElementById('cardNumber').value = '';
    document.getElementById('expiration').value = '';
    document.getElementById('cvv').value = '';
};

Answer 1

这个小提琴：http://jsfiddle.net/JjGm3/显示了如何在JavaScript中执行此操作。

var clear = document.getElementById('clear-fields');

//add event listener
clear.addEventListener('click', function(event) {
  //set input
  var input = document.getElementById('test1');
    //clear input
    input.value='';
});

Answer 2

以下是使用超链接（http://jsfiddle.net/7fARG/）执行此操作的方法：

HTML：

<input type="text" name="test" id="test1" />
<a href="#" onclick="clearFields(); return false;">Clear Fields</a>

使用Javascript：

window.clearFields = function() {
    document.getElementById('test1').value = '';
};

如何拥有一个清晰的字段＆＃34;某些输入的链接

2 个答案: