>웹 프론트엔드 >HTML 튜토리얼 >HTML 텍스트 입력 상자의 코드는 무엇입니까? HTML 텍스트 입력 상자를 만드는 방법

HTML 텍스트 입력 상자의 코드는 무엇입니까? HTML 텍스트 입력 상자를 만드는 방법

云罗郡主
云罗郡主원래의
2018-11-01 14:15:5245825검색

HTML 텍스트 입력 상자를 만드는 방법은 무엇입니까? HTML 텍스트 입력 상자의 코드는 무엇입니까? HTML 양식은 사용자 입력을 얻는 데 필요합니다. 하지만 먼저 텍스트 상자를 만들어야 하므로 어떻게 만드는지가 문제입니다. Windows 시스템에서 html 텍스트 입력 상자를 어떻게 만드는지 이야기해 보겠습니다.

One: 먼저 HTML 파일을 만들고 메모장이나 다른 일반 텍스트 편집기를 엽니다. Windows에서는 시작 메뉴의 "액세서리", "메모장"을 통해 메모장에 액세스할 수 있습니다. 또는 Windows 키 + R을 사용한 다음 메모장을 입력하고 Enter 키를 누릅니다. [추천 학습: Html5 tutorial]

둘: 코드를 입력하고 기본 태그를 적습니다(

head> body> html> ).

Three: 이제 기본 코드 작성이 끝났으니 텍스트 상자 코드를 저장할 폼을 만든 후 텍스트 상자를 생성하면 됩니다.

1. 두 개의 본문 태그(

및 ) 사이에 를 입력합니다.

2. 다음 단계는 입력 요소를 입력하는 것입니다. .

3. 마지막으로 양식 태그를 작성한 후 을 입력합니다.

코드 예:

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
 </head>
 <body>
<form name =“test”>
<input type =“text”name =“textie”>
 </body>
 </html>

Four: 페이지를 저장합니다. 파일, 다른 이름으로 저장을 클릭하고 test.html로 저장합니다.

다섯: 창을 열고 새 텍스트 상자를 확인하세요!

웹 페이지에 표시되는 효과는 다음과 같습니다.

HTML 텍스트 입력 상자의 코드는 무엇입니까? HTML 텍스트 입력 상자를 만드는 방법

입력 상자 앞에 텍스트를 넣어 설명하는 내용을 입력하려는 경우 JavaScript를 사용하여 텍스트 상자가 버튼과 함께 특정 작업을 수행하도록 할 수도 있습니다. 입니다.

위의 html 텍스트 입력창에 대한 코드는 무엇인가요? HTML 텍스트 입력 상자를 만드는 방법에 대한 전체 소개입니다. HTML5 온라인 설명서에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 참고하세요.

위 내용은 HTML 텍스트 입력 상자의 코드는 무엇입니까? HTML 텍스트 입력 상자를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

더보기