189 8069 5689

form在html中指的是什么意思

小编给大家分享一下form在html中指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联公司是专业的襄州网站建设公司,襄州接单;提供成都网站制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行襄州网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

form在html中是“表单”的意思,它是一个为用户输入创建HTML表单的标签,语法格式“

表单元素
”;form标签对中可包含多种表单元素,如input、textarea、select、option、button等。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

form在html中是“表单”的意思,它是一个为用户输入创建HTML表单的标签。

表单是一个包含表单元素的区域;功能:用于搜集不同类型的用户输入的内容。

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单通过

标签来创建,其中放置表单的对象,如表单域、按钮和其他事物:


....
表单元素
....

常用的表单元素

ü  form   表单

ü  input   表单元素,表单项

ü  select和option  下拉菜单

ü  textarea 文本域

(1)form元素

功能:用于创建一个表单

格式:

基本用法:

form在html中指的是什么意思

重要属性:

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

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

(2)input元素

表示输入框,有多种形式,可以根据type属性来确定显示哪种输入框。

form在html中指的是什么意思

基本用法:

form在html中指的是什么意思

效果 :

form在html中指的是什么意思

注意细节:

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

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

GET提交与POST提交:

GET:

form在html中指的是什么意思

如果以get方式进行提交,但没有写上name属性,那么用户输入的内容是提交不了的,但是也会出现?这个标志:

form在html中指的是什么意思

POST:

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

form在html中指的是什么意思

GET和POST小结:

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

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

细节:

1,每一个input标签都有一个value属性,不同类型的input, value的作用也不同

对于type=”text”来说,value可有可无,因为用户输入的内容都可以提交过去。

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

form在html中指的是什么意思

2,对于type=”radio”来说,如果你只想选择一个,需要给每个input添加一个name属性,属性值也必须一致,如果不添加,就不能满足单选框的需求。

3,关于单行文本的宽度,可以使用size属性来设置,表示字符长度,实际上不用,我们一般是通过CSS进行控制的。

(3)select和option

作用:用来实现下拉列表

格式:

基本用法:

form在html中指的是什么意思

注意点:

1,默认情况下,提交时,它将option里面的内容作为提交的内容,但是通常我们不这样做,我们通常给opton设置一个value属性,属性值我们通常用数字。

form在html中指的是什么意思

使用value后的情况如下:

form在html中指的是什么意思

我们可以使用selected属性让某个option处理默认选中状态。

form在html中指的是什么意思

(3)textarea

作用:提供输入大量文本的输入框,比如,QQ空间中发表状态,贴吧发表贴子等。

格式:

基本用法:

form在html中指的是什么意思

以上是“form在html中指的是什么意思”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章题目:form在html中指的是什么意思
文章转载:http://cdxtjz.cn/article/peieps.html

其他资讯