Я не могу получить всю информацию о моей форме, чтобы автоматически использовать заглавные буквы. Помогите! (Только заглавные буквы)

Question

Я не могу получить всю информацию о моей форме, чтобы автоматически использовать заглавные буквы. Помогите! (Только заглавные буквы)

Я не могу понять, как заставить этот скрипт работать. Форма работает, но она не переведет все входные данные в верхний регистр? Я не эксперт, поэтому мой код, вероятно, очень шаткий. Я уверен, что это легко исправить. Благодарю.

 <HTML>
     <HEAD> <TITLE>Information Form</TITLE></HEAD>
            <SCRIPT LANGUAGE = "JavaScript">

    function alpha(textField) {
            if( textField.calue.lenth !=0) {
            for (var i = 0; i < textField.value.lenth;i++) {
                 var ch= textField.value.charAt(i);

              if((ch < "A" || ch > "Z") && (ch< "a" || ch >"Z")) {
                     return false;
                     }
                }
            }
         else {
         return true; 
           }
          }
    </script>


</head>
<body> 
         <big> 
         Type your name here:
         <input type="text" name="nameInput" onChange="nameInput.value=                                       nameInput.value.toUpperCase()">
         <p>

         Type your street address here:
         <input type="text" address="addressInput" onChange="                                                  addressInput.value=addressInput.value.toUpperCase()">
         <p>

         Type your city and state here:
         <input type="text" cityandstate="stateInput"  onChange="stateInput.value= stateInput.value.toUpperCase()">
            </body>

 <body bgcolor="lightblue">
  <font face=verdana>
  <strong>
    </body>
</html>

0

javascript function capitalize

Источник

13 мар '17 в 16:18

1 ответ

Решение

Другие вопросы по тегам javascript function capitalize

user1461269 13 мар '17 в 16:45 2017-03-13 16:45 · Accepted Answer · 2017-03-13 16:45

Во-первых, в вашей разметке есть много искаженных HTML. Должен быть только один тег body. И все ваши теги ожидают вашего input тег должен иметь закрывающий тег.

Во-вторых, если все, что вы хотите сделать, это представить текст во всех заглавных буквах, то вы можете сделать это с помощью CSS. Если важно то, как выглядит что-то, то использование CSS должно быть вашим решением большую часть времени.

<html>
  <head> 
    <title>Information Form</title>
      <style>
          input[type=text] {
            text-transform: capitalize;
          }
      </style>
  </head>
  <body>
       Type your name here:
       <input type="text" name="nameInput" />

       Type your street address here:
       <input type="text" address="addressInput" />

       Type your city and state here:
       <input type="text" cityandstate="stateInput" />
   </body>
</html>