GH教學

GodHelp線上補習班、各類教學分享網站(程式設計、Flash遊戲教學、影音轉檔、動畫、繪圖、Go Home Schooling.....等等)

搜尋

網頁把所有的英文字母都變成大寫或小寫

Q.網頁把所有的英文字母都變成大寫
http://tw.knowledge.yahoo.com/question/question?qid=1009121508646
(1)在文字方塊上輸入一英文字串.
(2)按button
(3)在另一個文字方塊,把所有的英文字母都變成大寫
要怎麼讓一個html 有上面的功能阿
麻煩提供一下程式碼吧 謝謝啦

A.簡單的Javascript toUpperCase()就可以做到
可以是textbox 或 textarea
只要改html input text就可以
相反地如果要改成小寫也可以使用toLowerCase()就可
<HTML>
 <HEAD>
  <TITLE>轉大寫</TITLE>
  <SCRIPT language="JavaScript">
 <!--///
 function ChangeFormat()
 { 
  document.all.sDestination.value=document.all.sSource.value.toUpperCase()
 }
 //-->
 </SCRIPT>
 </HEAD>
 <BODY>
  <TEXTAREA NAME="sSource" ROWS="5" COLS="80"></TEXTAREA>
  <TEXTAREA NAME="sDestination" ROWS="5" COLS="80"></TEXTAREA><INPUT TYPE="button" value='轉大寫' onclick='ChangeFormat()'>
 </BODY>
</HTML>

進階版
提供可以變大寫也可以變小寫
<HTML>
<HEAD>
<TITLE>轉大小寫</TITLE>
<SCRIPT language="JavaScript">
<!--///
function ChangeFormat(sType)
{
switch (sType)
{
case "Upper":
document.all.sDestination.value=document.all.sSource.value.toUpperCase();
break;
case "Lower":
document.all.sDestination.value=document.all.sSource.value.toLowerCase();
break;
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<TEXTAREA NAME="sSource" ROWS="5" COLS="40"></TEXTAREA>
<TEXTAREA NAME="sDestination" ROWS="5" COLS="40"></TEXTAREA><INPUT TYPE="button" value='轉大寫' onclick="ChangeFormat('Upper')"><INPUT TYPE="button" value='轉小寫' onclick="ChangeFormat('Lower')">
</BODY>
</HTML>

活動

給您專屬賀卡

好站

知識+名片

GH知識+

天氣

Sitetag台灣部落格列表

統計

Blog Look Score and Rank