我无法让我所有的表单信息自动大写。帮助！（它只大写名字）

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>

Answer 1

首先，您的标记中有很多格式错误的 html。应该只有一个正文标签。您所有的标签都希望您的 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>

我无法让我所有的表单信息自动大写。帮助！（它只大写名字）

I can't get all my form information to automatically capitalize. Help! (It only capitalizes the name)

javascript

function

capitalize

我无法让我所有的表单信息自动大写。帮助！ （它只大写名字）

I can't get all my form information to automatically capitalize. Help! (It only capitalizes the name)

javascript

function

capitalize

我无法让我所有的表单信息自动大写。帮助！（它只大写名字）