카테고리 없음

HTML 41 <input> 태그 사용 시 주요 속성

스펀지연구소 2021. 4. 3. 14:55

Document

HTML5 입력양식의주요속성을연습해봅시다.

쓰기가능:

읽기전용:

사용안함:

자동완성: 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h2>HTML5 입력양식의주요속성을연습해봅시다.</h2>
  <form>
    <p>쓰기가능: <input type="text"name="name"size="20"placeholder="이름을입력하세요"autofocus></p>
    <p>읽기전용: <input type="text"name="name"size="10"readonly></p>
    <p>사용안함: <input type="text"name="name"size="10"disabled></p>
    <p>자동완성: <input type="text"name="name"size="10"autocomplete="on"required></p>
    <textarea cols="50"rows="3"spellcheck="true">오타를체크합니다.</textarea>
    <p></p>
    <input type="submit"value="전송">
    <input type="reset"value="다시작성">
  </form>
</body>
</html>
저작자표시 비영리 변경금지 (새창열림)