全国免费咨询热线：13061561502

二维码
您所在的位置： 首页>建站知识>菏泽<form>表单的属性和使用

菏泽<form>表单的属性和使用

发表于：2021-10-01 阅读：0 关键词： form 表单 的 属性 和 使用 表单 的 作用 用于

1.表单的作用 表单用于 显示、收集 信息，并将信息 提交 给服务器 2.表单的元素 1、语法 form 允许出现表单控件 /form 2、属性 1、action 定义表单被提交时发生的动作 提交给服务器处理程序的地址 注意：通过 与服务器端人员交流 得到 action 的地址 默认，提交给本页 2、method 作用：定义表单提交数据时的方式 取值： 1、get (默认值) 意义为：得到，获取 场合：向服务器要数据时使用 特点： 1、明文提交,所提交的数据时可以显示在地址

1.表单的作用

表单用于显示、收集信息，并将信息提交给服务器
 

2.表单的元素

1、语法

              
                    允许出现表单控件
              
          2、属性
               1、action
                    定义表单被提交时发生的动作
                    提交给服务器处理程序的地址
                    注意：通过 与服务器端人员交流 得到 action 的地址
                    默认，提交给本页
               2、method
                    作用：定义表单提交数据时的方式
                    取值：
                         1、get (默认值)
                              意义为：得到，获取
                              场合：向服务器要数据时使用
                              特点：
                                   1、明文提交,所提交的数据时可以显示在地址栏上的-安全性较低
                                   2、提交数据有大小限制-最大为2KB
                         2、post
                              意义：邮寄，邮递
                              场合：将数据提交给服务器处理时使用(有保密类型数据时)
                              特点：
                                   1、隐式提交-所提交的内容是不会显示在地址栏上的，安全性较高
                                   2、无大小限制
                         3、put
                         4、delete
                         5、...
               3、enctype
                    作用：编码类型，即表单数据进行编码的方式
                    允许表单将什么样的数据提交给服务器
                    取值：
                    1、application/x-www-form-urlencoded
                    默认值
                    允许将 普通字符，特殊字符，都提交给服务器，不允许提交 文件
                    2、multipart/form-data
                    允许 将文件提交给服务器
                    3、text/plain
                    只允许提交普通字符。特殊字符，文件等都无法提交
               4、name
                    定义 表单的名称 
 
注意：如果有文件需要提交给服务器，method必须为POST，enctype必须为multipart/form-data
 
 
multipart/form-data" name="biaodan">
 
 

3.表单控件

1、分类
          1、input 组元素
          2、textarea 元素
          3、select 和 option 选项框
          4、其他元素
        2、input 元素
          1、语法
               或
          2、属性
               1、type
                    根据不同的type属性值，可以创建各种类型的输入控件，比如：文本框，密码框，复选框，按钮 等... ...
               2、value
                    控件的值即要提交给服务器的数据
               3、name
                    控件的名称，服务器要用
                    命名规范：匈牙利命名法
                         控件的缩写+功能名称
               4、disabled
                    该属性只要出现在标签中，表示的是 禁用该控件
          3、input的具体控件
               1、文本框与密码框
                    文本框：明文显示用户输入的数据
                        
                    密码框：密文显示用户输入的数据
                        
 
                    属性
                         1、name
                              缩写：txt
                              ex:
                                   1、创建一个文本框，表示 接受 用户名称(Username)
                                  
                                   2、创建一个密码框，表示 接受 用户密码(Userpwd)
                                  
                         2、value
                              1、表示控件的值
                              2、表示控件的默认值
                         3、maxlength
                              限制输入的字符数
                         4、readonly
                              只读-只能看，不能改
                              该属性只要出现在标记中，就是只读的意思，不需要给值
 
                              readonly 与 disabled 的区别
                              1、readonly 只能看，不能改，但是可以被提交给服务器
                              2、disabled 只能看，不能改，但是不能提交给服务器
 
                    注意：对于input来讲，如果不写 type 或者 type值写错的时候，默认都是文本框
               2、单选按钮和复选框
                    单选按钮：type="radio"
                    复选框：type="checkbox"
                    属性：
                         1、name
                              定义名称
                              radio缩写：rdo
                              checkbox缩写：chk
                              还可以对控件进行分组,一组单选按钮和复选框，名称必须相同
 
                              对于单选按钮：一组中的单选按钮，最多只能有一个被选中
                         2、checked
                              设置默认被选中
               3、按钮
                    1、提交按钮
                         功能固定化，负责将表中中的表单控件提交给服务器
                        
                    2、重置按钮
                         功能固定化，负责将所有表单控件的值恢复为初始值
                        
                    3、普通按钮
                         无功能，执行客户端的脚本(JS)
                        
                    属性：
                         1、name
                              缩写：btn
                         2、value
                              按钮上的显示文本
               4、隐藏域 和 文件选择框
                    1、隐藏域
                         不希望被用户看见，但是要提交给服务器的信息
                        
                         name ：txt+功能名称
                         value ：值
                    2、文件选择框
                         上传文件所用
                        
                         name : txt+功能名称
 
     3、textarea - 多行文本域
          作用：允许用户录入多行数据到表单控件中
          语法：
          属性：
               1、name
                    缩写：txt+功能名称
               2、readonly
                    只读
               3、cols
                    指定文本区域的列数, 变相设置当前元素宽度
               4、rows
                    指定文本区域的行数，变相设置当前元素高度
     4、选项框
          1、分类
               1、下拉选项框
               2、滚动列表
          2、语法
               1 、 创建选项框
                    属性：
                         1、name
                              缩写：sel+功能名称
                         2、size
                             取值 大于1的话，则为滚动列表
                              否则就是下拉选项框
                         3、multiple
                             设置多选,该属性出现在
4、其他常用标记
     1、浮动框架
          1、作用
               可以在一个浏览器窗口中同时显示多个页面文档
         2、语法
              
               内容：当浏览器不支持