zoukankan      html  css  js  c++  java
  • html-form表单

    表单是WEB浏览器WEB服务器之间实现信息交流和传递的桥梁。

    表单实际上包含两个重要的组成部分:一是描述描述表单信息的web页面,二是用于处理表单数据的服务器端表单处理程序

    一、action-----处理表单

    一般情况下,表单的处理程序action和传送方法method是必不可少的参数。

    真正处理表单的数据脚本或程序在action属性里,这个值可以是程序或脚本的一个完整URL

    action的值定义的是表单要提交的地址。

    表单提交后的数据处理程序由action属性指定。

    二、method-----传送方式

    method属性用来定义处理程序从表单中获得信息的方式,只有两个值:get或post,该值决定了表单中的数据是以什么方式发送到服务器的。默认为get。

    (1)get:表单数据被看作CGI或ASP的参数发送,也就是输入数据会附在URL后,由用户直接发送到服务器。速度比post快,但输入的数据长度有限制。

    (2)post:表单与URL分开发送,用户端的计算机通知服务器来读取数据,所以无数据长度的限制,但是比get慢。

    三、enctype-----编码方式

    1、enctype参数用于设置表单信息提交的编码方式;该属性定义了 MIME编码方式;取值如下:

    text/plain:以纯文本的形式传送

    application/x-www-form-urlencoded:默认的编码形式

    multipart/form-data:MIME编码,上传文件的表单必须选择该项。

    2、当表单以电子邮件的形式发送,表单信息不以附件的形式发送,应将“MIME类型”设置为text/plain。

    四、为表单添加控件

    按照控件的填写方式可分为输入类和菜单列表类。

    <form>

      <input name="" type="控件类型">

    </form>

    控件类型的值有text、password、radio、checkbox、button、submit、reset、image、hidden、file。

    1、输入类:    name值不能包含特殊字符,也不能以html预留作为名称。

    (1)<input type="text" name="" size="控件的长度" maxlength="最长的字符数" value="文本框中的默认值">

    (2)<input type="password" name="" size="控件的长度" maxlength="最长的字符数" value="文本框中的默认值">

    禁止用户复制粘贴密码并且改变掩码样式情况:

    <input type="password" name="" size="" maxlength="" oncopy="return false" oncut="return false" onpaste="return false" style="font-family:Wingdings;">

    (3)<input type="radio" name=""  value="" checked="checked">    checked表示默认选中;value表示该选项的值传到处理程序中。

    (4)<input type="checkbox" name=""  value="" checked="checked">

    (5)<input type="button" name=""  value="按钮上的文字" onclick="鼠标按下按钮时的处理程序">

    (6)<input type="submit" name=""  value=""> 不需要onclick    

    (7)<input type="reset" name=""  value="">

    (8)<input type="image" name=""  src="图像地址">  使用图像域创建与网页整体效果相统一的图像提交按钮

    (9)<input type="hidden" name=""  value="" value="提交值">   隐藏域主要是传递参数的,不显示在页面中

    (10)<input type="file" name="">  常用于上传文件,查找硬盘中的文件路径

    2、菜单列表类    该控件是为了节省页面空间而设计的

    该菜单列表标记的属性:name、size(显示的选项数目)、multiple(列表中的项目多选)、value、selected(默认选项)

    3、textarea文本域               可以输入多行文字

    <textarea name="" value="" rows="行数" cols="列数"></textarea>

  • 相关阅读:
    Beta 冲刺 (5/7)
    Beta 冲刺 (4/7)
    Beta 冲刺 (3/7)
    软件产品案例分析(团队)
    Beta 冲刺 (2/7)
    Beta 冲刺 (1/7)
    BETA 版冲刺前准备
    Alpha事后诸葛(团队)
    设计模式——访问者模式
    设计模式——命令模式
  • 原文地址:https://www.cnblogs.com/heisetianshi/p/10915257.html
Copyright © 2011-2022 走看看