Преобразование нескольких текстовых входов одновременно в верхний регистр

Я хочу сделать следующие вещи:Преобразование нескольких текстовых входов одновременно в верхний регистр

Создание 3 текстовых поля и кнопку 1
Тип букв нижнего регистра в 3 коробки
Нажмите на кнопку
После нажатия на кнопку, буквы преобразуются в верхний регистр

Как приходят письма я набирать слово в коробки не преобразуются в верхний регистр?

Вот мой код:

<html> 
<head> 
<script> 
function upperCase() { 
    var x = document.getElementById("form_1"); 
    x = x.value.toUpperCase(); 
} 

</script> 
</head> 
<body> 
<form name="form1" id="form_1" method="post"> 

Enter your name: 
<input type="text" name="nameInput"> 

Enter your street address: 
<input type="text" name="streetInput"> 

Enter your city/state: 
<input type="text" name="cityStateInput"> 

<input type="button" name="upperCaseButton" value="Convert to Uppercase" 
onclick="upperCase()"> 

</form> 
</body> 
</html>

источник

2016-02-19 jmoney2375

Вам нужно:

1) изменить имя идентификатора, так что вы можете получить каждый элемент по идентификатору.

<form name="form1" id="form_1" method="post"> 

Enter your name: 
<input type="text" id="nameInput"> 

Enter your street address: 
<input type="text" id="streetInput"> 

Enter your city/state: 
<input type="text" id="cityStateInput"> 

<input type="button" id="upperCaseButton" value="Convert to Uppercase" 
onclick="upperCase('nameInput'); upperCase('streetInput'); upperCase('cityStateInput');"> 

</form>

2) вызвать функцию для каждого входа, которую вы хотите преобразовать в верхний регистр.

upperCase = function(name) { 
    var inp = document.getElementById(name); 
    inp.value = inp.value.toUpperCase(); 
}

Смотреть THS демо: https://jsfiddle.net/gal007/tagLtyko/

источник

2016-02-19 01:09:13 gal007

вот что я говорю о – jmoney2375

Вам нужно переназначить значения каждого отдельного <input> элемента к его верхнему регистру. В следующем скрипте я добавил вспомогательный метод, который принимает идентификатор элемента и пытается изменить значение этого элемента на верхний регистр. Функция upperCase() по-прежнему является точкой входа, поэтому вам совсем не нужно изменять свой код HTML.

<script> 
    function upperCaseInput(var id) { 
     var x = document.getElementById(id); 
     x.value = x.value.toUpperCase(); 
    } 

    function upperCase() { 
     upperCaseInput("nameInput"); 
     upperCaseInput("streetInput"); 
     upperCaseInput("cityStateInput"); 
    } 
</script>

Использование:

<input type="button" name="upperCaseButton" value="Convert to Uppercase" 
     onclick="upperCase()">

источник

2016-02-19 00:52:32

есть способ изменить функцию прописных(), так что я могу сослаться на форму один раз вместо каждого отдельного входа? – jmoney2375

Я не думаю, что вы можете сделать это с помощью чистого JavaScript, но возможно, что-то вроде JQuery. –

ОК прохладно. спасибо за помощь, очень ценно – jmoney2375

Преобразование нескольких текстовых входов одновременно в верхний регистр

ответ

Смежные вопросы