내발자국[동호회]

[HTML] WWW이 기가 막혀! (10)-HTML문서(5)

松巖 1996. 3. 18. 04:35
-------------------------------------
제 목 : [9510]www가 기가막혀(11)
-------------------------------------
일곱 번째 예제
이번에는 아까 피자 가게의 웹을 좀 확장해서 지급 방법까지
첨가한 버전을 소개하기로 한다. 지급 방법은 체크 버튼같이 이
것도 먹고 저것도 먹고 하는 것이 아니라 난 현금, 난 비자 카드
로 반드시 하나를 선택해야 하는데 이런 때 사용하는 것이 라디
오 버튼이다. 역시 마찬가지로 와 같이 CHECKED와
같이 함으로써 임의로 현금으로 설정이 되게 정해 놓았다.

----- EXAMPLE7.HTML ------------------------------
Fill-Out Form Example #7

Fill-Out Form Example #7


This is another fill-out form example, with toggle buttons.



"http://casaturn.kaist.ac.kr/cgi-bin/post-query">

Godzilla's Pizza -- Internet Delivery Service, Part II 2>
Type in your street address:


Type in your phone number:


Which toppings would you like?




  1. Pepperoni.
  2. Sausage.

  3. Anchovies.

How would you like to pay? Choose any one of the followin
g:



  1. "paymethod" VALUE="cash" CHECKED> Cash.
  2. "paymethod" VALUE="check"> Check.
  3. Credit card:
    • Mastercard.
    • Visa.

    • American Express.


Would you like the driver to call before leaving the store?



"callfirst" VALUE="yes" CHECKED> Yes.
"callfirst" VALUE="no"> No.

To order your pizza, press this button: VALUE="Order Pizza">.




그림 파일명 : 14ex7.gif 그림 파일명 : 14ex7r.gif
----- <그림 8> example7.html 수행한 예 -----------------
여덟 번째 예제
007 영화를 보면 망막 패턴을 보고 공군기지로 들어가는 것을
볼 수 있는데 이와 같은 정도는 아니더라도, 간단히 패스워드를
이용해서 사용자의 접근을 제한하는 경우에도 웹을 이용할 수 있
는데 즉 과 같
이 지정하면 사용자의 패스워드를 읽어서 사용자에게 보여주지는
않고 웹 서버에게 보내 주게 된다.

------- EXAMPLE8.HTML ----------------------------
Fill-Out Form Example #8

Fill-Out Form Example #8


This is another fill-out form example, with a password entry f
orm.



"http://casaturn.kaist.ac.kr/cgi-bin/post-query">

Logging In To A Remote Service


Type in your username:


Type in your password:


To log in, press this button: VALUE="Log In To Remote Service">.





Logging In To A Remote Service (With Defaults)


If you wish to log in as a guest, do not change the default va
lues.


Type in your username: "guest">


Type in your password:


To log in, press this button: VALUE="Log In To Remote Service">.




Things you may want to note:



  • INPUT elements of type
    PASSWORD are normal text
    entry fields, except all characters are represented
    by an asterisk (*).

Back to example 7 or
forward to example 9.


----------------------------------------------------
그림 파일명 : 14ex8.gif 그림 파일명 : 14ex8r.gif
----- <그림 9> example8.html 수행한 예 -----------------
아홉 번째 예제
이번에는 풀다운 메뉴와 같이 사용자가 원하는 아이템을 고르
는 예를 보이기로 하며


Who would you like to do it with?





To submit your choices, press this button:
.


To reset the form, press this button:
.


Things you may want to note:



  • Whitespace is cleaned (supposedly).
  • If you don't specify any of the OPTION E>s as
    SELECTED, the first option will be th
    e default.


그림 파일명 : 14ex9.gif 그림 파일명 : 14ex9r.gif
----- <그림 10> example9.html 실행 예 -------
열 번째 예제
이번에는 아홉 번째 예제의 조금 확장판으로 만약에 선택해야
될 것이 많다면 스크롤바와 같은 것이 있어야 할 터이고 그런 것
을 해주도록