<output>태그는 자바스크립트에 의해 계산 결과를 출력합니다. <h1>상품 구매 가격</h1> <form oninput="amount_total.value = parseInt(price.value) * parseInt(amount.value) + ' 원';"> <input type="text" id="num" name="…
Read more »<output>태그는 자바스크립트에 의해 계산 결과를 출력합니다. <h1>상품 구매 가격</h1> <form oninput="amount_total.value = parseInt(price.value) * parseInt(amount.value) + ' 원';"> <input type="text" id="num" name="…
Read more »<fieldset>와 <legend>로 폼 태그를 묶으면 폼을 좀 더 깔끔하게 꾸밀 수 있습니다. <h1>회원 로그인 </h1> <form action=""> <fieldset> <legend>로그인 정보</legend> <label>아이디 <input type="text" name="userid"&g…
Read more »<label>태그는 폼 요소에 라벨을 붙여 폼을 꾸밀 수 있습니다. 첫 번째 방법은 <label>태그로 폼 태그를 감싸 주는 방법이고, 두 번째 방법은 for 속성을 이용한 방법이 있습니다. <!-- 첫 번째 방법 --> <label> <input type="text" value="[속성 값]"> </label> <!-- 두 번째 방법 --> <la…
Read more »<HTML> <HEAD> <TITLE>form 사용예제</TITLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000"> 회원가입 양식<br><br> <form method="post" action="form.php"…
Read more »HTML5 에서 사용할 수 있는 keygen 요소는 공개키 암호 방식의 키를 생성하여 폼을 전송할 수 있습니다. 폼 전송시 비밀 키와 공개 키가 동시에 생성되어 비밀 키는 클라이언트 측에, 공개 키는 서버 측에 전송됩니다. <keygen name="user"> <form method="POST" action=""> <keygen name="user"> …
Read more »텍스트를 입력하는 필드에 사전에 미리 정의된 드롭 다운 형식의 목록을 출력합니다. 태 그 속 성 설 명 <input> list <datalist>의 id 값 <datalist> id <input>의 list 값 value 서버로 넘겨질 값 …
Read more »select 태그는 메뉴를 보여주고, 선택할 수 있습니다. <select name="select"> <option>직업을 선택하세요</option> <option>학생</option> <option>직장인</option> <option>백수</option> </select> <select>태그 &l…
Read more »textarea 태그는 두 줄 이상의 텍스트 입력란을 만들어 줍니다. 속 성 설 명 name 입력 필드의 이름을 설정합니다. rows 텍스트 영역의 줄의 수를 설정합니다. cols 텍스트 영역의 칼럼의 수를 설정합니다. <textarea name="textarea" rows=&qu…
Read more »<input>태그와 비슷한 역할을 하는 <button>태그는 submit 요소나 link 태그로 대체할 수 있습니다. <button type=[속성]> 내용 </button> type 에는 다음 속성을 지정할 수 있습니다. 속 성 설 명 submit 폼 요소를 전송할 때 reset 폼의 내용을 초기화할 때 …
Read more »input 태그로 비밀번호나 내용 선택, 또는 내용을 입력하고, 파일을 선택할 수 있으며, 이러한 값들을 전송시킬 수 있습니다. <input name="your_name" type="text" value=""> input 태그에 사용할 수 있는 속성은 다음과 같습니다. 속 성 설 명 name 입력 값에 대한 이름을 결정하는 속…
Read more »회원가입이나 일반 게시판에 글을 작성하기 위해 사용되는 양식을 폼 태그라 부릅니다. 물론 폼태그만으로 회원가입이나 게시판을 만들 수 있는 것은 아닙니다. 사용자가 양식에 맞게 작성할 수 있도록 해주는 것일 뿐 입력사항에 대한 처리는 PHP 같은 언어를 사용해서 자료를 입력해야 합니다. HTML 문서에서 사용자가 입력한 사항을 서버로 전달해 주는 과정까지가 바로 폼 태그의 역할입니다. <form method="post" action=&qu…
Read more »