"C언어"를 C원하게 공부하자

01. 프로그램과 C언어의 이해

프로그램과 c언어의 개념에 대해 알아보자.

layout: post title: '[HTML]02. Forms' author: emily.choi date: 2019-05-02 11:00 tags: [html]

image: /files/covers/html.png

HTML

Lesson 2: Forms

Form

1. Structures

  • method

    • get : small data, fast, non-secure data
    • post: large amounts of data, slow, secure data
<html>
<head>
<meta charset="UTF-8">
<title>Foam structure</title>
</head>
<body>
    <form action="../jsp/hello.jsp" method="post">
        <p>foam control</p>
    </form>
</body>
</html>

2. Input

<input type="attribute" name="variable" size="20" maxlength="20" />
  • text: Defines a one line text input field
<form>
    text: <input type="text" name="text">
    text: <input type="text" name="text" placeholder="inside text content">
</form>
  • radio: Defines a radio button (for selecting one of many choices)
<form>gender(select one) 
    <input type="radio" name="gender" value="male" checked> Male<br>
    <input type="radio" name="gender" value="female"> Female
</form>
  • chaeck box: Defines a chaeck box button (for selecting many choices)
<form>
    todo list(select multiple)<br>
    <input type="checkbox" name="todo" value="jogging" checked> Jogging<br>
    <input type="checkbox" name="todo" value="shopping"> Shopping<br>
    <input type="checkbox" name="todo" value="studying"> Studying<br>
</form>
  • submit: Defines a submit button (for submitting the form)
<form action="/action_page.php" target="_blank">
    submit: <input type="submit" value="Submit">
</form>
  • password: replacing each character with a symbol such as the asterisk ("*")
<form>
    Password: <input type="password">
</form>
  • hidden:

3. Tags

  • paragraph: defining a paragraph
<p>This paragraph is defined using the HTML p tag.</p>
  • textarea: replacing each character with a symbol such as the asterisk ("*")
<form>
    <textarea rows="" cols="" disabled>Enter your text here...</textarea>
</form>
  • fieldset: grouping related form elements
<form>
    <fieldset>
        <legend>title</legend>
        <p></p>
    </fieldset>
</form> 

refer to this website HTML CheatSheet.

댓글

댓글 본문
작성자
비밀번호
  1. 이어서 누가 업데이트 하는 기능이 있었으면 좋겠네요
  2. 져난
    더 업데이트 안되나요...?
  3. 석현04
    음,,,
버전 관리
emily_daily
현재 버전
선택 버전
graphittie 자세히 보기