首字母转换大写

最新推荐文章于 2021-05-31 19:51:53 发布

原创最新推荐文章于 2021-05-31 19:51:53 发布 · 733 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在HTML中如何实现字符串首字母自动转换为大写的方法，包括使用内置函数、CSS属性以及JavaScript操作，帮助开发者提升页面标题和段落的格式规范。

<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>01.html</title>
     
    <meta http-equiv="keywords"
content="keyword1,keyword2,keyword3">
    <meta http-equiv="description"
content="this is my page">
    <meta http-equiv="content-type"
content="text/html; charset=UTF-8">
     
    <!--<link rel="stylesheet"
type="text/css"
href="./styles.css">-->
    <script type="text/javascript">
        function
$(id){
            return
document.getElementById(id);
        }
        function
alter(){
            var
shou;
            var
wei;
            var
sq="";
            var
zf=$("zifu").value;
            var
result=zf.split(" ");
            for(var
i=0;i<result.length;i++){
                shou=result[i].substring(0,1).toUpperCase();
                wei=result[i].substring(1,result[i].length);
                sq+=shou+wei+" ";
            }
            alert(sq);
        }
    </script>
 
  </head>
   
  <body>
    <div>
        <input type="text"
id="zifu"/>&nbsp;<input type="button"
value="变换"              
onclick="alter()"/>
         
    </div>
  </body>
</html>