어제 오늘 내일

이번에는 이 태그의 기본값을 지정하는 방법을 알아보도록 하겠습니다. 날짜, 시간 입력 항목 기본값 세팅하기 지난번에는 HTML의 태그를 이용하여날짜, 시간, 년도 등 시간 관련 정보를 입력 받는 방법을 알아보았습니다.[IT/HTML] - [HTML] 날짜, 시간, 년도 입력받기 See the Pen 20181201 by anna (@hianna) on CodePen. 기본값을 지정하기 위해서는 위와 같이 value 속성을 사용해야 합니다.그리고, 각 type별로 value 속성에 들어가야 하는 값의 형식이 정해져 있기 때문에, 이 형식을 지켜서 값을 입력해 주어야 합니다. input type별 value 값 입력 형식은 다음과 같습니다. month : 'yyyy-MM'date : 'yyyy-MM-dd't..

HMTL에서 날짜, 시간, 년도 등 시간 관련 정보를 입력 받는 방법을 알아보도록 하겠습니다. HTML에서 날짜, 시간, 년도 입력받기 HTML에서 사용자의 입력을 받기 위해서는 태그와 태그를 사용합니다. 태그와 태그에 대해서 잘 모른다면 먼저 아래의 포스팅을 참조하세요.[IT/HTML] - [HTML] 태그로 사용자 입력 받기 See the Pen 20181201 by anna (@hianna) on CodePen. 날짜, 시간, 년도 등 시간 관련 정보를 입력 받기 위해서는위와 같이 input 태그의 type 속성의 값을 지정해 주면 됩니다.입력 창의 오른쪽 화살표를 클릭하면 달력을 이용하여 날짜를 선택 할 수도 있습니다.시간 관련해서 type 속성으로 지정할 수 있는 값들은 아래와 같습니다. mon..

이번에는 HTML 태그를 이용하여 브라우저의 배경색을 변경하는 방법을 알아보도록 하겠습니다. 브라우저의 배경색 변경하기 브라우저의 배경색을 변경하는 방법은 여러가지가 있습니다. body태그에 bgcolor 속성 지정하기 See the Pen aQjbOw by anna (@hianna) on CodePen. 가장 간단한 방법은 위와 같이 body 태그의 'bgcolor'속성에배경색으로 지정하고 싶은 색을 지정해 주는 것입니다.'bgcolor'는 'background color'의 약자입니다. 이때, bgcolor의 값에는 다음의 3가지 타입의 값을 지정해 줄 수 있습니다. namered, yellow, black, white 등과 같이 색 이름을 직접 써줍니다.색의 이름을 직접 적어주므로, 배경에 어떤 색..

지난 번에는 태그와 태그로 라디오버튼을 만들고,라디오버튼에 선택 된 정보가 어떻게 서버로 전달되는지 알아보았습니다.[HTML] 라디오버튼(radio) 만들기 이번에는 태그 내에 입력된 데이터를 초기화 시켜주는리셋 버튼을 생성하는 방법을 알아보도록 하겠습니다. 입력 데이터 초기화를 위한 리셋 버튼(reset) 만들기 계속해서 태그의 ‘type’ 속성에 들어가는 값들에 대해서 알아보고 있습니다.text 일반 텍스트를 입력 받을 수 있습니다.password 패스워드를 입력 받을 수 있도록, 입력 값이 화면에 보여지지 않도록 합니다.submit 태그 내에 입력된 데이터를 서버로 전달해 줍니다.button 버튼을 생성해 줍니다.checkbox 체크박스 형태의 입력을 받을 수 있습니다.radio 라디오 버튼 형태의..

지난 번에는 태그와 태그로 체크박스를 만들고,체크박스에 선택 된 정보가 어떻게 서버로 전달되는지 알아보았습니다.[HTML] 태그로 체크박스(checkbox) 만들기 지난번에 알아본 체크박스는 사용자가 여러 개의 선택을 할 수 있었습니다.이번에는 사용자의 선택을 “하나만” 입력 받을 수 있는, 라디오버튼(radio)을 만드는 방법을 알아보도록 하겠습니다. 태그로 라디오버튼(radio) 만들기 계속해서 태그의 ‘type’ 속성에 들어가는 값들에 대해서 알아보고 있습니다.text 일반 텍스트를 입력 받을 수 있습니다.password 패스워드를 입력 받을 수 있도록, 입력 값이 화면에 보여지지 않도록 합니다.submit 태그 내에 입력된 데이터를 서버로 전달해 줍니다.button 버튼을 생성해 줍니다.check..

지난 번에는 태그와 태그로 입력받은 데이터를 서버로 전송하는 버튼을 만드는 방법을 알아보았습니다.[HTML] 입력받은 데이터 서버로 전송하기 - submit 이번에는 입력 받은 데이터를 서버로 전송하지 않고, 다른 스크립트를 실행할 수 있는 버튼을 만드는 방법을 알아보도록 하겠습니다. 태그로 버튼(button) 생성하기지난번 포스팅에서 태그의 ‘type’ 속성에 들어가는 값들에 대해서 알아보았습니다.text 일반 텍스트를 입력받을 수 있습니다.password 패스워드를 입력받을 수 있도록, 입력값이 화면에 보여지지 않도록 합니다.submit 태그 내에 입력된 데이터를 서버로 전달해 줍니다.button 버튼을 생성해 줍니다.checkbox 체크박스 형태의 입력을 받을 수 있습니다.radio 라디오 버튼 형..

지난 번에는 태그의 'type' 속성을 이용하여 사용자로부터 비밀번호를 입력 받을 수 있는 방법을 알아보았습니다. [HTML] 태그로 사용자 입력 받기[HTML] 태그로 패스워드(비밀번호) 입력란 만들기 이번에는 이렇게 입력받은 데이터를 서버로 전송하는 방법을 알아보도록 하겠습니다. 입력받은 데이터 서버로 전송하기 - submit 지난번 포스팅에서 태그의 'type' 속성에 들어가는 값들을 설명했는데 기억하시나요?text 일반 텍스트를 입력받을 수 있습니다.password 패스워드를 입력받을 수 있도록, 입력값이 화면에 보여지지 않도록 합니다.submit 태그 내에 입력된 데이터를 서버로 전달해 줍니다.button 버튼을 생성해 줍니다.checkbox 체크박스 형태의 입력을 받을 수 있습니다.radio ..

HTML에서 태그를 활용하여 사용자 입력 받기 HTML에서 사용자의 입력을 받기 위해서는 어떻게 해야 할까요?이번에는 HTML에서 사용자의 입력을 받기 위해서 사용하는 태그에 대해서 알아보도록 하겠습니다. 태그는사용자로부터 입력값을 전달 받기 위한 태그입니다. 사용자의 입력은 여러가지 형태가 될 수 있습니다.사용자가 직접 키보드로 타이핑을 해서 정보를 입력할 수도 있고,셀렉트 박스나, 체크박스, 라디오 버튼 등을 이용해서주어진 보기 중에서 원하는 내용을 선택 할 수도 있습니다.각각의 입력 받는 방법은 조금씩 다르지만,모든 입력의 기본이 되는 것은 태그입니다. 여기서는,가장 기본적인 키보드로 텍스트를 입력 받는 예제를 통해서 태그의 사용 방법을 알아보도록 하겠습니다. 태그 사용법 태그는 아래와 같이 태그 ..

HTML에서 줄바꿈 입력하기 HTML에서 줄바꿈을 하는 방법을 알아보도록 하자. HTML 소스코드에서는 아무리 엔터를 여러번 치면서 줄바꿈을 해도HTML이 보여지는 웹브라우저에서는 줄바꿈이 적용되지 않는다.줄바꿈을 적용하기 위해서는 몇가지 특별한 태그를 사용해야 하는데,지금부터 그 태그들을 알아보도록 하겠다. 1. br 태그는 'break'의 약자로 단순히 HTML에서 줄바꿈을 할 때 사용된다.여러개의 태그를 입력하면 입력된 갯수만큼 줄바꿈이 실행된다.다른 태그들과 달리 열고( ) 닫는() 태그가 존재하지 않고그냥 태그만 써 주어도 무방하다.See the Pen html example by anna (@hianna) on CodePen. 2. p 태그는 'paragraph'의 약자로, html에서 문단을..

HTML에서 공백(스페이스, 띄어쓰기) 삽입하기 HTML태그에 아무리 키보드로 여러 개의 스페이스를 입력해도브라우저에는 하나의 공백만 표현 된다. 그렇다면, 화면에 여러개의 공백을 표현하기 위해서는 어떻게 해야 할까? HTML에서 여러개의 공백을 표현하기 위해서는 &nbsp 라는 태그를 사용한다. &nbspnbsp는 'Non-breaking Space'의 약자이다.HTML에서 여러개의 공백을 표현하고 싶다면표현하고자 하는 공백의 갯수만큼 를 추가해 주면 된다. 아래의 예제를 통해 확인해 보자. See the Pen html example by anna (@hianna) on CodePen. 위의 예에서 보는 것과 같이nbsp 태그를 활용하여 여러 개의 공백을 표현할 수 있다.