developer tip

HTML에서 입력 텍스트 상자의 크기를 어떻게 정의 할 수 있습니까?

optionbox 2020. 10. 14. 07:44
반응형

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

반응형