<![CDATA[
<p><span style="font-family: 'Noto Serif KR';"><b>HTML 게시판 태그 만들기 </b></span></p><p><span style="font-family: 'Noto Serif KR';"><b>[HTML5] 기초 - 2. 폼 태그 활용한 게시판 만들기<br><!DOCTYPE html> <br><html> <br><head> <br><meta charset="UTF-8"> <br><title>게시판 글쓰기</title> <br>  <meta name="viewport" content="width=device-width, initial-scale=1"> <br>  <link rel="stylesheet" href="<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" target="_blank" class="ke-link">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css</a>"> <br>  <script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" target="_blank" class="ke-link">https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js</a>"></script> <br>  <script src="<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" target="_blank" class="ke-link">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js</a>"></script></head> <br><body> <br><div class="container"></b></span></p><p><span style="font-family: 'Noto Serif KR';"><b><fieldset><br>  <lergend>게시판 글쓰기</legend> <br>  <form action="write.jsp" method="post"> <br>    <div class="form-group"> <br>      <label for="title">제목</label> <br><!-- placeholder 속성 입력한 데이터가 없는 경우 배경으로 나타난다.실제적으로 입력을 100자까지로 지정 --> <br><!-- required 속성을 설정하면 필수입력 사항이된다. --> <br><!-- pattern 속성을 이용한 정규표현식으로 데이터의 유효성 검사를 할 수 있다. --> <br>      <input type="text" class="form-control" id="title" <br>       placeholder="제목 입력(4-100)" name="title" <br>       maxlength="100" required="required" <br>       pattern=".{4,100}"> <br>    </div> <br>    <div class="form-group"> <br>   <label for="content">내용</label> <br><!--  여러줄의 데이터를 입력하고 하고자 할때 textarea 태그를 사용한다. --> <br><!--  textarea 안에 있는 모든 글자는 그대로 나타난다. 공백문자, tag, enter --> <br>   <textarea class="form-control" rows="5" id="content" <br>    name="content" placeholder="내용 작성"></textarea> <br> </div> <br>    <div class="form-group"> <br>      <label for="writer">작성자</label> <br>      <input type="text" class="form-control" id="writer" <br>       placeholder="작성자(2자-10자)" name="writer"> <br>    </div></b></span></p><p><span style="font-family: 'Noto Serif KR';"><b></fieldset><br>    <button type="submit" class="btn btn-default">등록</button> <br>  </form> <br></div> <br></body> <br></html></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';"><b>index_form tag</b></span></p><p><b><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"> <button type="submit" class="btn btn-default">등      록</button> </span></b></p><p><b><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><button type="submit" class="btn btn-default">수정하기</button> </span></span></b></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><button type="submit" class="btn btn-default">목      록</button></b> </span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"> <b><button type="submit" class="btn btn-default">답글쓰기</button></b> </span></p><p><span style="font-family: 'Noto Serif KR';"><b></head> </b></span><br><span style="font-family: 'Noto Serif KR';"><b> <fieldset> </b></span><br><span style="font-family: 'Noto Serif KR';"><b>    <legend>Choose your favorite monster</legend> </b></span><br><br><span style="font-family: 'Noto Serif KR';"><b>    <input type="radio" id="kraken" name="monster" value="K" /> </b></span><br><span style="font-family: 'Noto Serif KR';"><b>    <label for="kraken">Kraken</label><br /> </b></span><br><br><span style="font-family: 'Noto Serif KR';"><b>    <input type="radio" id="sasquatch" name="monster" value="S" /> </b></span><br><span style="font-family: 'Noto Serif KR';"><b>    <label for="sasquatch">Sasquatch</label><br /> </b></span><br><br><span style="font-family: 'Noto Serif KR';"><b>    <input type="radio" id="mothman" name="monster" value="M" /> </b></span><br><span style="font-family: 'Noto Serif KR';"><b>    <label for="mothman">Mothman</label> </b></span><br><span style="font-family: 'Noto Serif KR';"><b>  </fieldset> </b></span><br><span style="font-family: 'Noto Serif KR';"><b></form> </b></span><br><span style="font-family: 'Noto Serif KR';"><b></body> </b></span><br><span style="font-family: 'Noto Serif KR';"><b></html></b></span></p><p> </p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';"><b>HTML 게시판 태그 만들기 </b></span></p>
<!-- -->
]]>
카페 게시글
♥☞HTML 영상방◈▶
[HTML5] 기초 - 2. 폼 태그 활용한 게시판 만들기
gyun님
추천 0
조회 9
24.02.19 23:56
댓글 4
북마크 번역하기 공유하기 기능 더보기
다음검색
첫댓글 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
https://m.blog.naver.com/wangsohee/221317718241
WebStorm 다운로드 https://www.jetbrains.com/ko-kr/webstorm/promo/?source=google&medium=cpc&campaign=APAC_kr_KR_WebStorm_Search&term=css&content=450760841031&gad_source=1&gclid=CjwKCAiAlcyuBhBnEiwAOGZ2S-yPanBVUr6KMACpvZPypZgdug70pOqHGM2B9cseWvM7LugPFqNK5hoCAIUQAvD_BwE
답글 https://www.jetbrains.com/ko-kr/webstorm/download/download-thanks.html?platform=windows