<textarea row=10 cols=30 > 냥 </textarea>
<option> 태그와 <select> 태그를 같이 사용한다면 여러 선택지를 보여주고 선택할 수 있다.
<html>
<body>
<form action="서버주소">
<select name="color">
<option value="red"> 빨간색 </option>
<option value="blue"> 파란색 </option>
<option value="green"> 초록색 </option>
</select>
</form>
</body>
</html>
여기서 value에 넣는 문자는 컴퓨터가 쉽게 이해할 수 있도록 도와주는 역할을 한다. < > 꺽쇠 바깥에 있는 문자들은 사람이 보기 편한 문자이다.
<input type="radio">를 입력하면 개구리알처럼 생긴 것이 출력된다.
<form>
<input type="radio">
<input type="radio">
<input type="radio">
<input type="radio">
</form>
이렇게 개구리알 4개가 만들어졌다. 개구리알을 하나씩 눌러보면 전부 다 선택이 되고 선택한 것을 취소할 수 없다.
바로 모두에게 같은 이름을 지어주어 grouping을 해준다.
<form>
<h5> 색상 (단일선택) </h5>
빨간색 : <input type="radio" name="color" value="red">
파란색 : <input type="radio" name="color" value="blue">
초록색 : <input type="radio" name="color" value="green">
분홍색 : <input type="radio" name="color" value="pink">
</form>
<form>
<h5> 사이즈 (다중선택 가능) </h5>
90 : <input type="checkbox" name="size" value="s">
95 : <input type="checkbox" name="size" value="m">
100 : <input type="checkbox" name="size" value="l">
105 : <input type="checkbox" name="size" value="xl">
</form>
선택된 모습을 예시로 보여주고 싶다면 <input> 태그 안에 checked만 추가하면 된다.
<form>
<h5> 사이즈 (다중선택 가능) </h5>
90 : <input type="checkbox" name="size" value="s">
95 : <input type="checkbox" name="size" value="m" checked>
100 : <input type="checkbox" name="size" value="l" checked>
105 : <input type="checkbox" name="size" value="xl">
</form>
<input type="button">을 입력하면 네모칸이 생성된다.
여기에 문자를 삽입하려면,
<form>
<input type="button" value="샤브샤브 먹고 싶다 !">
</form>
근데 버튼을 눌러도 아무일도 생기지 않을 것이다. 무슨 일이 생기게 하려면 프로그래밍 언어를 배워야 한다.
텍스트 필드에 작성하던 정보를 리셋시켜주는 버튼이다.
<form action=" 서버주소 어쩌고 저쩌고" >
<input type="text" >
<input type="submit" value="제출">
<input type="reset" value="지우기">