스크롤 가능한 텍스트 상자는 어떻게 만듭니 까?

현재 사이트에는 양식의 메모 (긴 텍스트) 항목에 사용되는 다음 CSS 클래스가 있습니다.스크롤 가능한 텍스트 상자는 어떻게 만듭니 까?

.scrollabletextbox { 
    height:100px; 
    width:200px; 
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 82%; 
    overflow:scroll; 
}

상자 및 기타 스타일링 레지스터의 크기는 올바르게 지정되지만 텍스트는 세로 가운데에 시작되고 줄 바꿈이 시작되지 않습니다. 텍스트를 완전히 볼 수있는 유일한 방법은 커서를 왼쪽/오른쪽으로 이동하는 것입니다.

양식은

<input type="text" class="scrollabletextbox" name="note" value="<?php echo $note; ?>">

가 사전에 어떤 도움을 주셔서 감사합니다 큰 텍스트 상자를 구현하기 위해 (약간의 PHP로) 다음 HTML을 사용합니다.

출처

2013-08-13 aray12

사용'textarea'는' – Wilq

는 textarea 태그로 input type="text"를 교체하십시오.

은 당신의 코드를 변경

<textarea class="scrollabletextbox" name="note"> 
    <?php echo $note; ?> 
</textarea>

당신이 동일한 방법에서 데이터를 얻을 수 있도록, 그냥 일반 input 태그로 데이터를 전송합니다. 대신`입력 유형 = "텍스트"의

Read more info about textarea tag

출처

2013-08-13 23:57:34 Wilq

감사합니다. 나는 그것을 "textarea"라고 바꾸기 위해 시도했지만, textarea가 태그라는 것을 깨닫지 못했다. 그게 효과가 있었지만, 아직도 폼에 대한 변화에 어떻게 영향을 미치는지 테스트 할 필요가 있습니다. – aray12

@ user1775222 당신이 * textarea가 데이터를 보내는 방법에 변화가 미치는 방법을 * 의미한다면 * 정규 입력처럼 작동하므로 태그 이름으로 GET/POST를 통해 값을 얻을 수 있습니다. – Wilq

컨트롤을 input에서 textarea으로 전환하면 기본적으로 요청하는 기능이 수행됩니다.

<textarea class="scrollabletextbox" name="note"><?php echo $note; ?></textarea>

JSFIDDLE는 :http://jsfiddle.net/rJy94/

출처

2013-08-13 23:57:20

스크롤 가능한 텍스트 상자는 어떻게 만듭니 까?

답변

관련 문제