대소문자 변환기
페이지 정보
작성일13-03-22 11:28 조회1,552회관련링크
- 예제파일 3392회 연결
본문
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<title>대소문자 변환기</title>
<link rel="stylesheet" href="style.css" type="text/css">
<head>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<title>대소문자 변환기</title>
<link rel="stylesheet" href="style.css" type="text/css">
<head>
<div style="width:600px;margin:0 auto;texr-align:center;padding:30px 0 30px 0;"><p>
<div style="text-align:justify">텍스트에 있는 영문 알파벳의 대소문자를, 한꺼번에 "자동 변환"하는 온라인 컨버터입니다. 아래 녹색 칸에 영문 텍스트를 직접 타이핑할 수도 있지만, 워드프로세서 등에 있는 원본 텍스트를 Ctrl+A키로 모두 선택한 후, Ctrl+C키로 복사하고, 아래 녹색 칸을 클릭한 후 Ctrl+V키로 붙여 넣는 것이 더 편리합니다. 그러면 아래의 회색 창들에 변환 결과가 출력됩니다.</div><div style="height:1000px;width:400px;"><br /><strong>아래 녹색 창에 영문 텍스트 입력:</strong><br />
<textarea id="textinput1_2007121003" style="height:200px;width:380px; background-color:#CCFFCC" onkeyup="String.prototype.capitalizeSilva = function() { return this.replace(/\w+/g, function(a) { return a.charAt(0).toUpperCase() + a.substr(1).toLowerCase(); }); }; document.getElementById('textoutput1_2007121003').value = this.value.capitalizeSilva(); document.getElementById('textoutput2_2007121003').value = this.value.toLowerCase(); document.getElementById('textoutput3_2007121003').value = this.value.toUpperCase()" onfocus="this.value = ''; this.onfocus = null">tHE qUICK bROWN fOX jUMPS oVER tHE lAZY dOG.</textarea>
<br /><br /><strong>첫 글자만 대문자</strong>(Capitalize)로 변환 결과:<br />
<textarea id="textoutput1_2007121003" style="height:200px;width:380px; background-color:#EEEEEE" readonly="readonly" onclick="this.select()" onfocus="this.select()">The Quick Brown Fox Jumps Over The Lazy Dog.</textarea>
<br /><br />모두 <strong>소문자</strong>(LowerCase)로 변환 결과:<br />
<textarea id="textoutput2_2007121003" style="height:200px;width:380px; background-color:#EEEEEE" readonly="readonly" onclick="this.select()" onfocus="this.select()">the quick brown fox jumps over the lazy dog.</textarea>
<br /><br />모두 <strong>대문자</strong>(UpperCase)로 변환 결과:<br />
<textarea id="textoutput3_2007121003" style="height:200px;width:380px; background-color:#EEEEEE" readonly="readonly" onclick="this.select()" onfocus="this.select()">THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.</textarea>
<br /></div>위의 회색 결과창의 변환된 텍스트 결과물을 마우스 우측 버튼으로 클릭한 후, "복사"를 선택하면, 텍스트가 메모리 속에 복사됩니다. 메모장 등의 문서에서 키보드의 Ctrl+V키를 누르면, 붙여 넣어집니다.
</p></div></div>
<div style="text-align:justify">텍스트에 있는 영문 알파벳의 대소문자를, 한꺼번에 "자동 변환"하는 온라인 컨버터입니다. 아래 녹색 칸에 영문 텍스트를 직접 타이핑할 수도 있지만, 워드프로세서 등에 있는 원본 텍스트를 Ctrl+A키로 모두 선택한 후, Ctrl+C키로 복사하고, 아래 녹색 칸을 클릭한 후 Ctrl+V키로 붙여 넣는 것이 더 편리합니다. 그러면 아래의 회색 창들에 변환 결과가 출력됩니다.</div><div style="height:1000px;width:400px;"><br /><strong>아래 녹색 창에 영문 텍스트 입력:</strong><br />
<textarea id="textinput1_2007121003" style="height:200px;width:380px; background-color:#CCFFCC" onkeyup="String.prototype.capitalizeSilva = function() { return this.replace(/\w+/g, function(a) { return a.charAt(0).toUpperCase() + a.substr(1).toLowerCase(); }); }; document.getElementById('textoutput1_2007121003').value = this.value.capitalizeSilva(); document.getElementById('textoutput2_2007121003').value = this.value.toLowerCase(); document.getElementById('textoutput3_2007121003').value = this.value.toUpperCase()" onfocus="this.value = ''; this.onfocus = null">tHE qUICK bROWN fOX jUMPS oVER tHE lAZY dOG.</textarea>
<br /><br /><strong>첫 글자만 대문자</strong>(Capitalize)로 변환 결과:<br />
<textarea id="textoutput1_2007121003" style="height:200px;width:380px; background-color:#EEEEEE" readonly="readonly" onclick="this.select()" onfocus="this.select()">The Quick Brown Fox Jumps Over The Lazy Dog.</textarea>
<br /><br />모두 <strong>소문자</strong>(LowerCase)로 변환 결과:<br />
<textarea id="textoutput2_2007121003" style="height:200px;width:380px; background-color:#EEEEEE" readonly="readonly" onclick="this.select()" onfocus="this.select()">the quick brown fox jumps over the lazy dog.</textarea>
<br /><br />모두 <strong>대문자</strong>(UpperCase)로 변환 결과:<br />
<textarea id="textoutput3_2007121003" style="height:200px;width:380px; background-color:#EEEEEE" readonly="readonly" onclick="this.select()" onfocus="this.select()">THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.</textarea>
<br /></div>위의 회색 결과창의 변환된 텍스트 결과물을 마우스 우측 버튼으로 클릭한 후, "복사"를 선택하면, 텍스트가 메모리 속에 복사됩니다. 메모장 등의 문서에서 키보드의 Ctrl+V키를 누르면, 붙여 넣어집니다.
</p></div></div>
</body>
</html>
</html>
