지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > 프런트엔드 Q&A > 본문

HTML에서 기본값을 설정하는 방법

PHPz
풀어 주다： 2023-04-21 17:08:55
원래의
5878명이 탐색했습니다.

HTML은 웹 페이지를 만드는 데 사용되는 기본 언어인 하이퍼텍스트 마크업 언어입니다. 웹 페이지에는 일반적으로 HTML, CSS 및 JavaScript의 세 가지 언어가 포함됩니다. 그 중 HTML은 웹페이지의 텍스트 내용, 구조, 레이아웃을 기술하는 데 사용되는 가장 기본적인 언어입니다.

웹 페이지를 디자인할 때 입력 상자, 드롭다운 상자, 라디오 버튼, 체크 상자 등과 같은 일부 컨트롤의 기본값을 설정해야 하는 경우가 있습니다. 이러한 컨트롤의 기본값은 사용자가 웹 페이지에 액세스할 때 이러한 컨트롤에 의해 표시되는 값입니다. 기본값이 설정되지 않은 경우 이러한 컨트롤은 일반적으로 비어 있습니다.

그렇다면 HTML에서 컨트롤의 기본값을 어떻게 설정하나요? 다음으로 함께 알아볼까요?

1. HTML에서 입력 상자의 기본값 설정

HTML에서는 태그에 value 속성을 설정하여 입력 상자의 기본값을 설정할 수 있습니다. 예: 

<input type="text" name="username" value="admin"></p>
<p>위 코드에서 name 속성은 입력 상자의 이름이 "username"임을 나타내고, value 속성은 입력 상자의 기본값이 "admin"임을 나타냅니다. </p>
<p>2. HTML에서 드롭다운 상자의 기본값 설정</p>
<p>HTML에서는 <select> 태그에 selected 속성을 설정하여 드롭다운 상자의 기본값을 설정할 수 있습니다. 예: </p>
<pre class="brush:php;toolbar:false"><select name="fruit">
    <option value="apple" selected>Apple</option>
    <option value="banana">Banana</option>
    <option value="orange">Orange</option>
</select>
로그인 후 복사

위 코드에서 첫 번째

3. HTML에서 라디오 버튼과 체크박스의 기본값을 설정하세요

라디오 버튼과 체크박스의 기본값은 태그에 selected 속성을 설정하여 얻을 수 있습니다. 예: 

<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female

<input type="checkbox" name="hobby" value="reading" checked> Reading
<input type="checkbox" name="hobby" value="traveling" checked> Traveling
<input type="checkbox" name="hobby" value="sports"> Sports
로그인 후 복사

위 코드에서 첫 번째 라디오 버튼과 처음 두 개의 확인란에는 체크 속성 세트가 있어 기본적으로 선택되어 있음을 나타냅니다. 라디오 버튼과 확인란의 이름 속성은 동일해야 합니다. 그렇지 않으면 동일한 옵션 그룹에 속하지 않습니다.

4. HTML에서 텍스트 영역의 기본값을 설정하세요

텍스트 영역은 여러 줄의 입력 상자이며