HTML 양식 및 입력

HTML 양식 및 입력

HTML 양식은 다양한 유형의 사용자 입력을 수집하는 데 사용됩니다.

HTML 양식

양식은 양식 요소를 포함하는 영역입니다.

양식 요소를 사용하면 사용자는 텍스트 영역, 드롭다운 목록, 라디오 버튼, 체크박스 등과 같은 콘텐츠를 양식에 입력할 수 있습니다.

양식은 <form> 태그를 사용하여 설정됩니다.

<form>

<input type="">

< input type="">

</form>

HTML 양식 - 대부분의 경우 사용되는 입력 요소

양식 태그는 입력 태그(<input>).

입력 유형은 유형 속성(type)에 의해 정의됩니다. 가장 자주 사용되는 입력 유형은 다음과 같습니다.

텍스트 필드

텍스트 필드는 <input type="text"> 사용자가 양식에 문자, 숫자 등을 입력하려고 하면 텍스트 필드가 사용됩니다.

<form>
姓名: <input type="text" name="name"><br>
年龄: <input type="text" name="old">
</form>

참고: 양식 자체는 표시되지 않습니다. 또한 대부분의 브라우저에서 텍스트 필드의 기본 너비는 20자입니다.

비밀번호 필드는 <input type="password"> 태그로 정의됩니다:

<form>
密码: <input type="password" name="pwd">
</form>

참고: 비밀번호 필드 문자는 일반 텍스트로 표시되지 않지만 다음으로 대체됩니다. 별표 또는 점.

라디오 버튼

체크박스

<입력 유형 ="checkbox">는 체크박스를 정의합니다. 사용자는 주어진 여러 선택 항목 중에서 하나 또는 여러 옵션을 선택해야 합니다.

<input type="radio"> 标签定义了表单单选框选项
<form>
<input type="radio" name="sex" value="male">男
<br>
<input type="radio" name="sex" value="female">女
</form>

제출 버튼

<input type="submit ">

사용자가 확인 버튼을 클릭하면 양식의 내용이 다른 파일로 전송됩니다. 양식의 작업 속성은 대상 파일의 파일 이름을 정의합니다. action 속성으로 정의된 파일은 일반적으로 수신된 입력 데이터에 대해 관련 처리를 수행합니다. :

<form>
<input type="checkbox" name="hobby" value="LOL">我喜欢玩LOL
<br>
<input type="checkbox" name="hobby" value="CF">我喜欢玩CF 
</form>

위 내용을 종합하면:

<form name="input" action="html_form_action.php" method="get">
用户名: <input type="text" name="user">
密码: <input type="password" name="pwd">
<input type="submit" value="Submit">
</form>