html中form表单的使用方法和介绍

　　　　　　　　　　from表单的使用方法

1、表单赏析

 

2、了解表单
功能：用于搜集不一样类型的用户输入的内容

 

有了表单，网页的内容能够由用户本身建立，那么对于网页来讲，咱们既是网页建立都者，也是网页的消费者。

3、经常使用的表单元素
ü  form   表单

ü  input   表单元素，表单项

ü  select和option  下拉菜单

ü  textarea 文本域

 

(1)form元素

功能：用于建立一个表单

格式：<form></form>

 

基本用法：

 

重要属性：

1，action：表示当前表单中的内容提交给哪一个页面进行处理

2，method:表示当前表单提交的方式，常见的有get和post方式，默认是get提交

 

(2)input元素

表示输入框，有多种形式，能够根据type属性来肯定显示哪一种输入框。

 

基本用法:

 

效果 ：

 

 

注意细节：

1，对于input来讲，它的type的默认值是text，表示单行文本

2，对于input，最好给它添加一个name属性，做用是用于将用户输入的内容提交给要处理这个数据的页面

 

GET提交与POST提交：

 

GET:

POST：

当用户以post方式提交时，用户输入的内容不会放到地址栏里面，比较安全：

 

GET和POST小结：

1，GET会将用户输入的内容放到地址栏里面，使用GET请求不安全

2，POST不会将用户输入的内容放到地址栏里面，相对安全

 

细节：

1，每个input标签都有一个value属性，不一样类型的input， value的做用也不一样

对于type=”text”来讲，value无关紧要，由于用户输入的内容均可以提交过去。

对于type=”radio”或type=”checkbox”来讲，没有value，是提交不了的。

 

 

 

2，对于type=”radio”来讲，若是你只想选择一个，须要给每一个input添加一个name属性，属性值也必须一致，若是不添加，就不能知足单选框的需求。

 

3，关于单行文本的宽度，能够使用size属性来设置，表示字符长度，实际上不用，咱们通常是经过CSS进行控制的。

 

（3）select和option

做用：用来实现下拉列表

 

 

格式：<select>

<option>内容</option>

<option>内容</option>

<option>内容</option>

</select>

 

基本用法：

 

注意点：

1，默认状况下，提交时，它将option里面的内容做为提交的内容，可是一般咱们不这样作，咱们一般给opton设置一个value属性，属性值咱们一般用数字。

使用value后的状况以下：

 

 咱们能够使用selected属性让某个option处理默认选中状态。

 

 

（3）textarea

做用：提供输入大量文本的输入框，好比，QQ空间中发表状态，贴吧发表贴子等。

格式：<textarea></textarea>

 

基本用法：

 

 

***************************************************************************************

转载于:

https://blog.csdn.net/wang1006008051/article/details/78157325