본문 바로가기
반응형

폼5

ReactJs - input input PhoneForm.js import React, { Component } from 'react'; class PhoneForm extends Component { state = { name: '' } handleChange = (e) => { this.setState({ name: e.target.value }) } render() { return ( {this.state.name} ); } } export default PhoneForm; App.js import React, { Component } from 'react'; import PhoneForm from "./components/PhoneForm"; import './App.css'; class App extends Componen.. 2021. 1. 6.
JQuery 폼 폼 서버로 데이터를 전송하기 위한 수단 JQuery는 폼을 제어하는데 필요한 이벤트와 메소드를 제공한다. JQuery 폼 API 문서 : http://api.jquery.com/category/forms/ Forms | jQuery API Documentation Bind an event handler to the “blur” JavaScript event, or trigger that event on an element. Bind an event handler to the “change” JavaScript event, or trigger that event on an element. Bind an event handler to the “focus” JavaScript event, or tr api.j.. 2020. 12. 29.
Javascript 이벤트 타입 - 폼(form) form 폼 submit submit은 폼의 정보를 서버로 전송하는 명령인 submit시에 일어난다. form 태그에 적용된다. name ※ 위에서 event.preventDefault();은 전송을 취소하는 동작 취소 명령이다. change change는 폼 컨트롤의 값이 변경 되었을 때 발생하는 이벤트다. input(text,radio,checkbox), textarea, select 태그에 적용된다. blur, focus focus는 엘리먼트에 포커스가 생겼을 때, blur은 포커스가 사라졌을 때 발생하는 이벤트다. 다음 태그를 제외한 모든 태그에서 발생한다. , , , , , , , , 2020. 11. 26.
HTML form(입력 양식)의 기본 문자의 입력 2 textarea 이란? 여러줄의 텍스트를 편집할 수 있는 컨트롤을 생성한다. autofocus : 페이지를 로드할때 해당 요소가 자동으로 포커스를 받도록 지정합니다. cols="폭"(필수 속성) : textarea에 표시될 폭을 문자수로 지정합니다. disabled : 포커스, 선택, 변경 등의 조작이 불가능하게 하고 데이터도 서버에 전송하지 않는다. 불리언 속성입니다. dirname : 요소의 방향성을 결정합니다. form : 다른 폼 소유자와 명시적으로 연관시키기위해 사용됩니다. maxlengh="최대 입력 문자수" : type속성이 text이거나 password일 경우 최대 입력 문자수를 지정한다. name="이름" : textarea의 이름을 지정합니다 placeholder : 사용자가 데이터를 .. 2020. 10. 16.
HTML form (입력 양식)의 기본 문자의 입력 1 form이란? 사용자가 입력한 정보를 서버로 전송하는 것들을 말한다. 웹 페이지가 상호작용할 수 있게 하기 위한 form의최상위요소로그법위를 정의한다. action="URI" : form의 필수 속성으로 필드의 내용을 처리하는 프로그램의 URI를 지정합니다. method="HTTP메소드" : 폼의 내용을 처리하는 방법을 지정합니다. (post:폼의 본문으로 송신, get : action 에서 지정한 URI에 폼의 내용을 '?'으로 구분으로 추가하여 송신) name="식별자" : 링크나 스크립트로부터 이 폼을 참조할 수 있게 식별자를 지정한다. EX) input 이란? form안의 기본적인 정보를 적을 수 있는 컨트롤 창을 생성한다. type : 필수속성이다. 다음은 타입속성에서 사용할 수 있는 값이다. .. 2020. 10. 16.
반응형

티스토리툴바