• HTML表单介绍


    表单语法结构如下:

    <form action=“url” method=“get|postname=“valueenctype=“编码方式" 
       onsubmit ="function" onreset="function" target="window"></form>

    action属性:

    设置服务器上用来处理表单数据的处理程序地址,处理程序可以是JSP程序、CGI(Common Gateway Interface,通用网关接口)程序、ASP.NET程序等,该属性值可以是URL地址也可以是电子邮件地址。

    • 例如:action=”http://localhost/sample/ShopCart.jsp”,表示当用户提交表单后,将调用服务器上的JSP页面ShopCart.jsp来处理用户的输入。

    另外,采用电子邮件地址的格式是:action=”mailto:接收用户输入信息的邮件地址”。

    • 例如:action=”mailto:youremail@zzuli.edu.cn”,表示把用户的输入信息发送到电子邮件地址youremail@zzuli.edu.cn。

    method属性

    设置处理程序从表单中获得信息的方式,取值可为get或post。

    name属性

    设置表单的名字。

    onsubmit、onreset属性

    设置在单击了“submit”或“reset”按钮后要执行的脚本函数名。

    target属性

    设置显示表单内容的窗口名。

    enctype属性

    enctype=“编码方式”
    设置表单信息提交的编码方式。

    编码方式取值 含义
    Text/plain 以纯文本的形式传送
    Application/x-www-form-urlencoded 默认的编码方式
    Multipart/form-data MIME编码,上传文件的表单必须选择该项

    表单域

    <input>标签用来定义单行输入域,用户可在其中输入单行信息。
    结构如下:

    <input  name=value type=text|textarea|password|checkbox|radio|submit|reset|file|hidden|image|button value=the_value src=url checked 
        maxlength=n size=n onclick=function onselect=function>

    主要属性如下:

    type属性:设置输入域的数据类型,取值如表3-1所示。

     type=text:表示输入单行文本。
          maxlength=m:type取值text时有效,表示最大输入字符的个数m
    typet=textarea:表示输入多行文本。
          size=m:type取值texyarea时有效,表示在输入多行文本时最大输入字符个数m
    type=password:表示输入数据为密码,显示时用*表示。
    typecheckbox:表示复选框。
    typeradio:表示单选框。
          checked:在type取值radio/checkbox时有效,表示该项被默认选中
    typesubmit:表示提交按钮,数据将被送到服务器。
    typereset:表示清除表单数据,以便重新输入。
    typefile:表示插入一个文件。
    typeimage:表示插入一个图像。
           src=文件名:针对type=image情况,指定图像文件名。
    typebutton:表示普通按钮。
    typehidden:表示隐藏按钮,用户不能在其中输入,用来预设要传送的信息。

    name属性

    设置输入域的名字。

    value属性

    设置输入域的默认值。

    align属性

    设置输入域位置,可取值left(靠左)、right(靠右)、middle(居中)、top(靠上)、bottom(靠底)。

    onclick属性

    设置按下按钮后调用指定的脚本函数名(子程序)。

    onselect属性

    设置当前项被选择时调用指定的子程序。

    多行输入域

    <textarea></textarea>标签对用来定义多行文本输入域

    主要属性如下:

    name属性:设置输入域名字。
    rows属性:设置输入域的行数。
    cols属性:设置输入域的列数。
    wrap属性:设置是否自动换行,属性值可取off(不自动换行)、hard(或physical,自动硬回车换行,换行标记一同被传送到服务器)、soft(或virtual,自动软回车换行,换行标记不会被传送到服务器)。

    选择域

    <select></select>标签对用来建立一个下拉列表,<option>标签用来定义下拉列表中的一个选项,用户可以从列表中选择一项或多项。

    ①主要属性:

    name属性:设置下拉列表的名字。
    size属性:设置下拉列表中选项个数,默认值为1。
    multiple属性:表示下拉列表支持多选。

    ②主要属性:

    selected属性:表示当前选项被默认选中。
    value:设置当前选项的值,在该项被选中之后,该项的值将被送到服务器。

    表单按钮

    <button></button>标签对用于定义提交表单内容给服务器的按钮,主要属性有type和accesskey。

    type属性

    设置按钮类型,属性值可取button(一般按钮)、reset(复位按钮)、submit(提交按钮)。他们与中同名的属性具有相同的功能。

    accesskey属性

    设置按钮热键,即按下Alt键的同时按下该属性值所对应得键便可以快速定位到该按钮。

    示例代码

    <html>
          <head><title>表单使用</title></head>
          <body>
             <form name="form1" method="post" action ="register.jsp">
             <h1 align ="left" >注册</h1>
             <br>
             <p>用户名:<input type ="text" name="username"></p>
             <p>密  码:<input type ="password"name="userpwd1"></p>
             <p>确认密码:<input type ="password"name="userpwd2"></p>
             <p>性  别:<input type ="radio" name ="usersex" value="男"><input type ="radio" name ="usersex" value="女"></p>
        <p>证件类型:
          <select name="select">
            <option value="xsz">学生证
            <option value="sfz" selected>身份证
            <option value="jgz">军官证    
          </select>
          </p>
          <p>证件号码:<input type ="text" name="userid"></p>
          <p><input type ="submit" name="submit" value ="提交">
          <input type ="reset" name="reset" value ="取消">
         </p>
        </form>
      </body>
    </html>
  • 相关阅读:
    Bugku cookie欺骗
    Bugku 速度要快
    bugku 秋名山老司机
    关于进程三态(运行态、就绪态、阻塞态)的一些易混知识点
    (转)解决ubuntu下拼音输入法出错的问题
    Codeforces Round #402 (Div. 2)
    (转)codeblocks 使用研究
    (原+转)怎么解决ubuntu挂起后无法唤醒的问题(还是没解决!!求助!!)
    关于codeblocks插件(持续更新)
    自定义gvim配色方案qiucz.vim的源码
  • 原文地址:https://www.cnblogs.com/AbeDay/p/5026877.html
Copyright © 2020-2023  润新知