九、表单(绿叶学习网)

  1. 简单来说,对于一个网页,只限用户浏览的,那就是静态网页。如果用户能实现与服务器交互,如登陆注册、评论交流、问卷调查这些动作的,就是动态页面。表单,这是我们接触动态页面的第一步。表单最重要的作用就是在客户端收集用户的信息,然后将数据递交给服务器来处理。学习HTML主要是实现客户端的效果,而ASP.NET更多的是实现服务器端的逻辑功能。

  2. 创建一个表单看上去就像创建一个表格,表格的行、列和单元格都放在

    标签中,而创建表单的方式跟创建表格的一样。如果你要创建一个表单,那你就要把表单的那些各种标签放在表单标签内部。语法:表单各种标签。

  3. 标签有几个属性,分别是action、method、enctype和target属性。
    A. 表单名称name
    一个页面你的表单可能不止一个,为了区分这些表单,我们使用name属性来给表单进行命名。这样也是为了防止表单提交之后到后台程序出现混乱。语法:。表单名称中不能包含特殊字符和空格。
    B. 提交表单action
    action用于指定表单数据提交到哪个地址进行处理。表单的处理程序是表单要提交的地址,这个程序地址用来处理从表单搜集的信息。这个地址可以是相对地址,也可以是绝对地址,还可以是一些其他形式的地址。
    C. 传送方法method
    表单method属性作用是告诉浏览器,指定将表单中的数据使用哪一种HTTP提交方法,取值为get或post。
    get 默认值,表单数据被传送到action属性指定URL,然后这个新URL被送到处理程序上
    post 表单数据被包含在表单主体中,然后被传送到处理程序上
    这两种方式的区别在于,get在安全性上较差,所有的表单域的值直接显示出来。而post除了只有可见的处理脚本程序之外,其他的信息都可以隐藏。所以实际的开发当中通常都选择post这种处理方式。
    D. 目标显示方式target
    标签的target属性跟标签的target属性一样,都是用来指定目标窗口的打开方式。target这4个属性值都是以下划线“_” 开头的,书写的时候很容易遗漏。
    一般情况下,target采用默认属性值(即“_self”)和”_blank”这两种方式,跟a标签的target属性类似,其他两种用得比较少。
    E. 编码方式enctype
    标签的enctype属性用于设置表单信息提交的编码方式。
    application/x-www-form-urlencoded: 默认的编码方式
    multipart/form-data: MIME编码,对于“上传文件”这种表单必须选择该值
    一般情况下,采用默认值就行了(即enctype属性不需要设置)。
    综上,语法为:

  4. 所谓的表单对象,简单来说,就是放在
    标签内部的各种标签。最常见的文本框、下拉列表都是表单对象。表单对象有3种:① input;②textarea;③select和option。
    记住,表单标签就只有4个:
    说明:在该语法中,不能使用value属性来建立一个在文本域中显示的初始值,这一点跟单行文本框不一样。对于多行文本框的默认文字内容,你可以设置,也可以不设置。文本框有3种形式:单行文本框text、密码文本框password和多行文本框textarea。单行文本框和密码文本框使用的是input标签,而多行文本框使用的是textarea标签。

  5. 下拉列表由标签属性:
    multiple 可选属性,只有一个属性值"multiple"。默认情况下下拉列表只能选择一项,当设置multiple=“multiple”时,下拉列表可以选择多项。想要选取多项,使用“Ctrl+鼠标左键”即可。
    size 下拉列表展开之后可见列表项的数目
    B. 下拉列表

  6. 表单按钮语法格式如下:

    我们知道表单按钮使用的是标签,而标签是自闭合标签,这是因为它没有结束符号。从自闭合标签的特点我们知道,表单按钮是没有办法插入其他内容的。
    一般标签都有开始符号和结束符号,而自闭合标签只有开始符号没有结束符号。一般标签开始符号和结束符号之间能插入其他标签或文字,而自闭合标签只能定义自身的一些属性。

    说明:开始符号之间可以插入文本或者图像。
    标签之间的所有内容都是按钮的内容。在button标签内部插入图像,实现效果跟图片域image有着异曲同工之效。
    button标签按钮:
    表单标签按钮:
    分析:这两个按钮在浏览器预览效果是一样的,但是代码实现方式却不一样。大家留意一下按钮中的文字在表单按钮和button标签按钮都是怎样定义的?表单按钮显示的文字是在标签的属性value中定义,而button标签按钮显示的文字是在开始符号之间定义的。

  7. 你可能感兴趣的:(九、表单(绿叶学习网))