Lesson02_03 폼라벨_기본튜토리얼

은 양식을 만드는 데 사용됩니다. 즉, 양식의 시작 및 끝 위치를 정의하는 데 사용됩니다.

属性名	作用
action	设置处理表单的服务器端URL地址.默认为表单页
method	用来设置将表单中的信息提交给服务端的处理程序时所用的方式   取值为:get或post 默认值为:get 传大于1K的时候要用post
target	用来指定服务器返回结果显示的目标窗口或目标帧
title	用来设置当网站访问者的鼠标在表彰会上的任一位置停留过几秒时显示的文字
enctype	指示浏览器使用哪种编码方法将表单数据传送给www服务器,其取值为: application/x-www-form-urlencoded和multipart/form-date,默认为前者

제출 버튼:

양식 내용을 제출하는 데 사용됩니다.
이름 값이 설정되면 해당 이름과 값도 서버에 제출해야 합니다. 코드는 다음과 같습니다.

代码如下:

效果如下:

효과는 다음과 같습니다:

代码如下:

效果如下:

재설정 버튼:

은 양식의 내용을 기본값으로 설정하는 데 사용됩니다. 코드는 다음과 같습니다.

代码如下: <input type="text">	效果如下:
size属性:	效果如下:
maxlength属性下: 只可以输入9个字符	效果如下:
value属性:	效果如下:
readonly属性:<br><form> <input type="text" readonly value="Loncer"> </form> 手工改动不了,可以用脚本去改	效果如下:
disable属性:<br><form> <input type="text" disabled value="Loncer"> </form> 当不存在这个元素,不将其传给服务器	效果如下:

효과는 다음과 같습니다.

<br><form> <input type="checkedbox" name="check"> </form>	效果如下: 对不
checked属性<br><form> <input type="checkedbox" checked name="check"> </form>	效果如下: 对不

한 줄 텍스트 입력 영역:

입력 영역의 크기를 문자 단위로 지정하는 크기 속성이 있습니다. 코드는 다음과 같습니다.

<br><form> <input type="radio" name="radio1" value="1" checked>男<br><input type="radio" name="radio1" value2>女 </form>

效果如下: 男 女

효과는 다음과 같습니다.

크기 속성:

효과는 다음과 같습니다.

maxlength 속성 아래:

代码如下: <from> </from>

效果如下:

9자만 입력할 수 있습니다

효과는 다음과 같습니다.

값 속성:

代码如下:

效果如下:

효과는 다음과 같습니다.

읽기 전용 속성: <input type="text" readonly value="Loncer"> 수동으로 변경할 수 없으며 스크립트를 사용하여 변경할 수 있습니다. 바꿔보세요 TD> 효과는 다음과 같습니다.

disable 속성: <input type="text"> 이 요소가 존재하지 않으면 존재하지 않습니다. 서버로 전달 효과는 다음과 같습니다.

체크박스 버튼: <input type="checkedbox" name="check"> 효과는 다음과 같습니다.

예

확인된 속성 <input type="checkedbox"> 효과는 다음과 같습니다.

예

라디오 버튼 버튼:한 개만 선택할 수 있습니다. <input type="radio" name="radio1" value="1" selected>남성<input type="radio" name="radio1" value2>여성 효과는 다음과 같습니다.

남성여성

숨겨진 필드: 은 표시되지 않으며 숨겨진 정보를 제출하는 데 사용됩니다. 비밀번호 입력 영역:입력 내용이 보이지 않는 *로 표시되도록 활성화 버튼:이 스크립트에 연결됩니다. 코드는 다음과 같습니다: 효과는 다음과 같습니다.