반응형
여러 줄의 입력
이 텍스트 입력 양식이 있습니다 :
<input type="text"
cols="40"
rows="5"
style="width:200px; height:50px;"
name="Text1"
id="Text1"
value="" />
여러 줄의 입력을 받으려고합니다. 너비와 높이는 상자를 더 크게 만들지 만 사용자는 원하는 텍스트를 모두 입력 할 수 있지만 한 줄만 채 웁니다.
입력을 텍스트 영역처럼 만들려면 어떻게해야합니까?
여러 줄을 처리하려면 텍스트 영역을 사용해야합니다.
<textarea name="Text1" cols="40" rows="5"></textarea>
word-break: break-word;
속성 을 제공하여 텍스트 입력 여러 줄을 만들 수 있습니다. (Chrome에서만 테스트)
당신은 할 수 없습니다. 여러 줄로 디자인 된 유일한 HTML 양식 요소는 <textarea>
입니다.
텍스트 영역 사용
<textarea name="textarea" style="width:250px;height:150px;"></textarea>
여는 태그와 닫는 태그 사이에 공백을 두지 마십시오. 그렇지 않으면 빈 줄이나 공백이 남습니다.
이것을 확인하십시오 :
TEXTAREA 요소는 여러 줄로 된 텍스트 입력 컨트롤을 만듭니다.
textarea
여러 줄 입력을 지원하는 데 사용해야 합니다.
<textarea rows="4" cols="50">
Here you can write some text to display in the textarea as the default text
</textarea>
참고 URL : https://stackoverflow.com/questions/6262472/multiple-lines-of-input-in-input-type-text
반응형
'development' 카테고리의 다른 글
엔티티는 LINQ to Entities 조회에서 구성 될 수 없습니다. (0) | 2020.02.27 |
---|---|
현재 경로를 얻는 방법 (0) | 2020.02.27 |
BREW 업데이트 : 다음 추적되지 않은 작업 트리 파일을 병합하여 덮어 씁니다. (0) | 2020.02.27 |
파일 또는 어셈블리를로드 할 수 없습니다 ... 형식이 잘못된 프로그램을로드하려고했습니다 (System.BadImageFormatException). (0) | 2020.02.27 |
CSS 이미지 크기, 채우는 방법, 늘리지 않는 방법? (0) | 2020.02.27 |