Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/ko/docs/Web/HTML/Reference/Attributes/size below:

HTML attribute: size - HTML: Hypertext Markup Language

size 특성은 <input> 요소의 너비와 <select> 요소의 높이를 정의합니다. input 요소의 경우, 사용자가 값을 편집할 때 사용자 에이전트가 보여주는 문자 수를 정의합니다. select 요소의 경우, 사용자에게 표시할 옵션의 수를 정의합니다. 이 값은 0보다 큰 유효한 양의 정수여야 합니다.

size가 지정되지 않았거나 유효하지 않은 값이 지정된 경우, 입력 필드의 크기는 선언되지 않으며 폼 컨트롤은 사용자 에이전트의 기본 너비를 가지게 됩니다. 만약 CSS가 해당 요소의 너비에 영향을 미치는 속성을 타겟으로 지정한다면, CSS가 우선적으로 적용됩니다.

size 특성은 제약 ì¡°ê±´ 유효성 검사에는 영향을 미치지 않습니다.

<label for="firstName">First Name:</label>
<input id="firstName" name="firstName" type="text" size="10" />

<label for="lastName">Last Name:</label>
<input id="lastName" name="lastName" type="text" size="20" />

<label for="fruit">Favourite fruit:</label>
<select id="fruit" name="fruit" size="2">
  <option>Orange</option>
  <option>Banana</option>
  <option>Apple</option>
</select>

label {
  display: block;
  margin-top: 1rem;
}

일부 input 유형에 size 특성을 추가하면 입력 필드의 너비를 제어할 수 있습니다. select 요소에 size를 추가하면 높이가 변경되며, 닫힌 상태에서 보이는 옵션의 수를 정의합니다.

<label for="fruit">Enter a fruit</label>
<input type="text" size="15" id="fruit" />
<label for="vegetable">Enter a vegetable</label>
<input type="text" id="vegetable" />

<select name="fruits" size="5">
  <option>banana</option>
  <option>cherry</option>
  <option>strawberry</option>
  <option>durian</option>
  <option>blueberry</option>
</select>

<select name="vegetables" size="5">
  <option>carrot</option>
  <option>cucumber</option>
  <option>cauliflower</option>
  <option>celery</option>
  <option>collard greens</option>
</select>

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4