2014-01-26 10 views
0

그래서 저는 응답에서 두번 나타나는 이탤릭체로 된 이름 만 원합니다. 나는 진정한 멍청이입니다. 제발 저를 도와 주시고 명확히하십시오. 고마워. http://dave-reed.com/book3e/Ch5/greet.html 다음은 예제 웹 사이트입니다. 이탤릭체로 표기된 응답에서 귀하의 이름 만 원합니다.입력 상자에 입력 한 이름 만 기울임 꼴로 표시하는 방법. 이 코드를 보시길 바랍니다

<!DOCTYPE html> 
<!-- saved from url=(0042)http://dave-reed.com/book3e/Ch5/greet.html --> 
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <title> Greetings </title> 
</head> 

<body> 
    <h2>Greetings</h2> 
    <p> 
    Enter your name: <input type="text" id="nameBox" size="12" value=""> 
    </p> 
    <input type="button" value="Click for Greeting" onclick="document.getElementById('outputDiv').innerHTML= 
        'Hello ' + document.getElementById('nameBox').value + 
        ', welcome to my page.<br>Do you mind if I call you ' + 
        document.getElementById('nameBox').value + '?';"> 
    <hr> 
    <div id="outputDiv"></div> 

</body></html> 
+0

Welome over Stack Over 흐름. 귀하의 질문은 http://stackoverflow.com/help/on-topic의 기준을 충족시키지 못하기 때문에 downvoted되고 있습니다. 귀하의 질문에 빠진 한 가지는 결과를 성취하려고 시도한 것에 대한 설명입니다. 'HTML 기울임 꼴'이라는 간단한 google이 시작됩니다. – GreenAsJade

답변

0
<!DOCTYPE html> 
<!-- saved from url=(0042)http://dave-reed.com/book3e/Ch5/greet.html --> 
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <title> Greetings </title> 
<style type="text/css"> 
.italic { 
    font-style:italic; 
} 
</style> 
</head> 

<body> 
<h2>Greetings</h2> 
    <p> 
    Enter your name: <input type="text" id="nameBox" size="12" value=""> 
    </p> 
    <input type="button" value="Click for Greeting" onclick="document.getElementById('outputDiv').innerHTML= 
        'Hello <span class=\'italic\'>' + document.getElementById('nameBox').value + 
        '</span>, welcome to my page.<br>Do you mind if I call you <span class=\'italic\'>' + 
        document.getElementById('nameBox').value + '</span>?';"> 
    <hr> 
    <div id="outputDiv"></div> 
</body></html> 
0

새로운 CSS 규칙 만들기 :

.test{ 
    font-style: italic; 
} 

는 다음과 같이 이름의 각 인스턴스 주위에 <span class=\'test\'> </span>를 추가 ...

<body> 
    <h2>Greetings</h2> 
    <p> 
    Enter your name: <input type="text" id="nameBox" size="12" value=""> 
    </p> 
    <input type="button" value="Click for Greeting" onclick="document.getElementById('outputDiv').innerHTML= 
        'Hello <span class=\'test\'>' + document.getElementById('nameBox').value + 
        '</span>, welcome to my page.<br>Do you mind if I call you <span class=\'test\'>' + 
        document.getElementById('nameBox').value + '</span>?';"> 
    <hr> 
    <div id="outputDiv"></div> 

</body> 

보기 바이올린 here

+0

클래스 이름은'test' 일 필요는 없습니다 - CSS 이름 지정 지침에 따라 원하는대로 지정할 수 있습니다. span 태그에서 클래스 이름을 변경해야합니다. – Birrel