온라인에서 HTML Radio Button 만들기
HTML Radio Button 생성기는 연결된 <label>과 함께 <input type="radio">를 만듭니다. 그룹 Name, 제출되는 Value, ID, 표시할 Label 및 초기 Checked 상태를 설정하면 미리 보기, HTML 출력 및 C# 출력이 함께 업데이트됩니다. 선택 그룹을 만들려면 Name은 같고 Value는 다르며 ID는 고유한 Radio Button을 추가하세요.
Radio Button 생성기 옵션
- Name은 Radio Button 그룹을 식별합니다. Name이 같은 Radio Button은 같은 선택 집합에 속합니다.
- Value는 제출된 폼 데이터에서 이 옵션을 식별합니다.
- ID는 이 Radio Button을 식별하며 Label의
for특성에 사용할 일치 값을 제공합니다. - Label은 Radio Button과 연결할 표시 텍스트를 정의합니다.
- Checked는 이 옵션을 처음부터 선택된 상태로 만듭니다.
비어 있지 않은 그룹 Name을 사용하고 각 Radio Button에 고유한 ID를 지정하세요. 생성기는 한 번에 하나의 Radio Button을 만듭니다.
C#에서 HTML Radio Button 만들기
C# 패널은 Aspose.HTML for .NET 으로 설정한 Radio Button과 Label을 만드는 방법을 보여 줍니다.
HTMLDocument를 만들고CreateElement()로HTMLInputElement를 만듭니다.- 선택한 옵션에 따라 Type, 그룹 Name, 제출할 Value, ID 및 초기 Checked 상태를 설정합니다.
HTMLLabelElement를 만든 다음For속성과 표시 텍스트를 설정합니다.AppendChild()로 두 요소를 추가하고Save()로 문서를 저장합니다.
먼저 Radio Button을 설정한 다음 업데이트된 C# 코드를 .NET 프로젝트에 복사하세요.
HTML Radio Button 생성기 FAQ
1. 하나의 Radio Button만 선택할 수 있는 그룹은 어떻게 만드나요?
각 Radio Button에 비어 있지 않은 동일한 name을 사용하고 같은 폼 컨텍스트에 배치하세요. 각 버튼에는 고유한 ID와 Label을 지정하세요. 그러면 브라우저가 그룹에서 한 옵션만 선택된 상태로 유지합니다.
2. Radio Button에 value 특성이 필요한 이유는 무엇인가요?
HTML의 name은 제출되는 필드를 식별하고 관련 Radio Button을 그룹화하며 value는 선택된 옵션을 식별합니다. 서버가 제출된 항목을 구분할 수 있도록 그룹의 각 옵션에 서로 다른 Value를 지정하세요.
3. Checked 옵션은 무엇을 제어하나요?
Radio Button의 초기 선택 상태를 설정합니다. 사용자가 같은 그룹의 다른 버튼을 선택하면 이전에 선택한 옵션의 선택이 해제됩니다.
4. Label의 for 특성이 Radio Button의 ID와 일치해야 하는 이유는 무엇인가요?
값이 일치하면 텍스트와 컨트롤이 명시적으로 연결됩니다. 사용자는 Label을 클릭하여 Radio Button을 선택할 수 있고 보조 기술은 어떤 텍스트가 해당 옵션을 설명하는지 판단할 수 있습니다.
5. Checkbox 대신 Radio Button을 사용해야 하는 경우는 언제인가요?
사용자가 한 집합에서 하나의 옵션만 선택해야 하면 Radio Button 그룹을 사용하세요. 각 옵션을 독립적으로 선택하거나 해제할 수 있어야 하면 Checkbox를 사용하세요.
Aspose.HTML for .NET 설치
.NET CLI를 사용하여 NuGet에서 Aspose.HTML for .NET 을 설치합니다.
dotnet add package Aspose.HTML
NuGet 패키지 관리자 UI를 사용하거나 패키지 관리자 콘솔에서 Install-Package Aspose.HTML을 실행할 수도 있습니다. 설정 방법은
설치 가이드
를 참조하세요. 평가 제한 없이 API를 테스트하려면
임시 라이선스
를 요청할 수 있습니다.
기타 지원 HTML 생성기
일반적인 다른 HTML 요소의 마크업을 만들고 미리 볼 수 있습니다.