티스토리 뷰
안녕하세요 동기 여러분! 오늘은 How a form works부터 지금까지 우리가 알아본 모든 것을 보내는 버튼을 만드는 방법에 대해 알아봅시다.
Submit Form
Form을 보내는 버튼을 만들어봅시다!
생김새
<!DOCTYPE html>
<html>
<form>
<label for="feedback">고객님의 서비스 경험을 적어주세요!</label>
<br>
<textarea id="feedback" name="feedback" rows="10" cols="40" placeholder="자세히 적어주시면 감사하겠습니다."></textarea>
<input type="submit" value="보내기">
</form>
</html>
저번 시간에 배운 Textarea태그 밑에 넣은 한 줄이 오늘 우리가 알아보는 버튼 코드입니다.
input 태그 안에 type은 submit으로 정해주고 value는 버튼 안에 넣을 말을 써주시면 됩니다.
다음은 실행 화면입니다.
어때요 정말 쉽죠?
오늘의 느낌
HTML도 거의 다 끝나 갑니다! 아자 아자
'HTML' 카테고리의 다른 글
| [HTML] Set a Minimum and Maximum (0) | 2021.11.23 |
|---|---|
| [HTML] Requiring an Input (0) | 2021.11.22 |
| [HTML] Textarea element (0) | 2021.11.21 |
| [HTML] Datalist Input (0) | 2021.11.20 |
| [HTML] Radio Button Input (0) | 2021.11.20 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 반복문
- 동기코딩
- if문
- html
- method
- 타입 좁히기
- Typescript
- 실수
- Margin
- css position
- CSS
- Python
- HTML 기본
- CSS 포지션
- Array
- Object
- function
- 타입스크립트
- 프로그래머스
- Type
- javascript
- 객체
- em
- html table
- 함수
- 메서드
- 자바스크립트
- 파이썬
- padding
- for문
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
글 보관함