如何使用javascript、css、html在网站表单中的文本输入字段中放置按钮

我想写一个greasemonkey脚本，在一些网站上的文本输入表单中创建一个按钮，这样文本输入表单看起来像这样：

         ____________________ 
Username:|___________|BUTTON|
         ____________________
Password:|___________|BUTTON|

---

有什么方法可以用javascript、html和css做到这一点吗？请注意，我想让我的greasemonkey脚本在我不知道的网站布局上工作，所以我不能像本文中那样使用图像重新定位技巧：

好的，让我们从jQuery开始，因为它更简洁

$('form').each(function () {
    $(this).find('input').filter(':text').each(function () {
        $(this).after($('<button>').text('My Button'));
    });
});

$（'form'）。每个（函数（）{
$（this）.find（'input'）.filter（'：text'）.each（函数（）{
$（此）.after（$（''）.text（'我的按钮'）；
});
});

为非jquery版本编辑。

好了，开始吧

var forms = document.getElementsByTagName('form');
for (var i = 0; i < forms.length; i++) {
    var form = forms[i];
    var inputs = form.querySelectorAll("input[type=text]");
    for (var j = 0; j < inputs.length; j++) {
        var input = inputs[j];
        var button = document.createElement('button');
        button.innerText = 'My Button';
        input.parentNode.insertBefore(button, input.nextSibling);        
    }
}

var forms=document.getElementsByTagName（'form'）；
对于（var i=0；i

---

希望能有所帮助。

这个问题可能正是您想要的：据我所知，您希望找到页面上的每个表单字段，并在该表单中的每个文本输入元素后面插入一个按钮？@Fuzzley，您是对的。Shaun，我不想使用css重新定位技巧来回答链接的问题。你同意使用jQuery吗？您可以不使用jQuery来完成，但它要详细得多。我可以试着用你喜欢的格式回答。好的，两种方法都贴出来了。如果有任何问题，请告诉我。