Над ответом Да и Нет. Нам нужно использовать инструмент разработки, чтобы проверить, какие стили используются и изменить их, они могут иметь max-width, width; Затем создайте собственный! Важный CSS, чтобы применить его, мой случай:
см. Результат прикрепленного изображения.
Я согласен с Паоло в том, что нам нужно увидеть больше кода. Я протестировал этот чрезмерно упрощенный пример, и он сработал. Это означает, что он может изменять действие формы на лету.
<script type="text/javascript">
function submitForm(){
var form_url = $("#openid_form").attr("action");
alert("Before - action=" + form_url);
//changing the action to google.com
$("#openid_form").attr("action","http://google.com");
alert("After - action = "+$("#openid_form").attr("action"));
//submit the form
$("#openid_form").submit();
}
</script>
<form id="openid_form" action="test.html">
First Name:<input type="text" name="fname" /><br/>
Last Name: <input type="text" name="lname" /><br/>
<input type="button" onclick="submitForm()" value="Submit Form" />
</form>
РЕДАКТИРОВАТЬ: Я проверил опубликованный вами обновленный код и обнаружил синтаксическую ошибку в объявлении Provider_large
. Есть лишняя запятая. Firefox игнорирует проблему, но IE8 выдает ошибку.
var providers_large = {
google: {
name: 'Google',
url: 'https://www.google.com/accounts/o8/id'
},
facebook: {
name: 'Facebook',
form_url: 'http://wikipediamaze.rpxnow.com/facebook/start?token_url=http://www.wikipediamaze.com/Accounts/Logon'
}, //<-- Here's the problem. Remove that comma
};