반응형
HTML에서 입력 텍스트 상자의 크기를 어떻게 정의 할 수 있습니까?
다음은 HTML 입력 텍스트 상자입니다.
<input type="text" id="text" name="text_name" />
상자의 크기를 정의하는 옵션은 무엇입니까?
이것이 CSS에서 어떻게 구현 될 수 있습니까?
다음을 설정할 수 있습니다 width
.
<input type="text" id="text" name="text_name" style="width: 300px;" />
또는 더 나은 클래스 정의 :
<input type="text" id="text" name="text_name" class="mytext" />
별도의 CSS 파일에서 필요한 스타일을 적용합니다.
.mytext {
width: 300px;
}
사용자가이 텍스트 상자에 입력 할 수있는 문자 수를 제한하려면 다음 maxlength
속성을 사용할 수 있습니다 .
<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />
size
속성뿐만 아니라, 작동
<input size="25" type="text">
이 시도
<input type="text" style="font-size:18pt;height:420px;width:200px;">
그렇지 않으면
<input type="text" id="txtbox">
CSS 사용 :
#txtbox
{
font-size:18pt;
height:420px;
width:200px;
}
인라인 스타일을 통해 너비를 픽셀 단위로 설정할 수 있습니다.
<input type="text" name="text" style="width: 195px;">
보이는 문자 길이로 너비를 설정할 수도 있습니다.
<input type="text" name="text" size="35">
<input size="45" type="text" name="name">
"크기"는 요소 입력의 문자에서 보이는 너비를 지정합니다.
CSS의 높이와 너비를 사용할 수도 있습니다.
<input type="text" name="name" style="height:100px; width:300px;">
참고 URL : https://stackoverflow.com/questions/7545302/how-can-the-size-of-an-input-text-box-be-defined-in-html
반응형
'developer tip' 카테고리의 다른 글
iPhone Store Kit "iTunes Store에 연결할 수 없습니다" (0) | 2020.10.14 |
---|---|
레일에서 단일 호출로 여러 개체 저장 (0) | 2020.10.14 |
JavaScript 날짜 개체 비교 (0) | 2020.10.14 |
R 프로그래밍 : 오일러 수는 어떻게 얻습니까? (0) | 2020.10.14 |
Matplotlib Legends가 작동하지 않음 (0) | 2020.10.14 |