精华内容
下载资源
问答
  • jsp常用内置对象及方法简述
    千次阅读
    2018-12-25 00:05:43

    内置对象一:out 对象
    介绍:out内置对象负责向浏览器输出内容(print、write、println)
    方法:print 向客户端打印数据(将各种类型的数据转换成字符串)
    方法:write 向客户端打印数据(字符、字符数组、字符串)
    方法:println 向客户端打印数据(将各种类型的数据转换成字符串)并换行
    内置对象二:request 对象
    介绍:request内置对象用来处理客户端请求
    方法:setCharacterEncoding() (设置的是request内部保存数据的编码格式,不包括rul编码格式)。
    用法:根据表单提交的方式(POST、GET)

       POST:setCharacterEncoding("UTF-8");
       GET:String name = request.getParameter("name");
                 name = new String(name.getBytes("ISO-8859-1"),"UTF-8");
       GET:修改tomcat\conf\server.xml
                 <Connector port="8080" protocol="HTTP/1.1"
                 connectionTimeout="20000"
                  redirectPort="8443" URIEncoding="UTF-8"/>
    

    方法:getParameter(“userName”) (获取单个组件(<input name="userName" type="text">)参数值)
    方法:getParameterValues(“no1”) (返回的是一个数组对象)

     <input type="checkbox" value="3000" name="no1"><a>笔记本:3000</a>
     <input type="checkbox" value="6000" name="no1"><a>电脑:6000</a>
     <input type="checkbox" value="1000" name="no1"><a>手机:1000</a>
     <input type="checkbox" value="1400" name="no1"><a>Ipad:1400</a>
    

    内置对象三:response 对象
    介绍:response对象用于响应客户请求并向客户端输出信息
    方法:sendRedirect(String location) (页面重定向)
    客户端将重新发送请求到指定的URL
    重定向前后,客户端分别向服务器发送两次请求,也就是说第一次请求request对象里面的数据在第二次请求 request对象里面是不存在的。
    方法:RequestDispatcher对象的forward()方法 (转发:在服务端,将请求发送给服务器上的其他资源,以共同完成一次请求的处理,在多个页面交互过程中请求中的数据可以共享)

      RequestDispatcher rd = request.getRequestDispatcher(String location);
          rd.forward(request,response);
    

    内置对象四:session 对象
    介绍:session 对象负责管理客户端会话、
    session 对象在浏览器第一次访问服务器的时候创建、
    session 对象的常用方法有

    方法:setAsetAttribute(String key,Object value):以key/value的形式保存对象值
    方法:getAttribute(String key):通过key获取对象值
    方法:setMaxInactiveInterval():设定session的非活动时间 单位是秒
    方法:invalidate():设置session对象失效
    拓展:设置session 有效时长 可以在项目web.xml和tomcat的web.xml

     <session-config>
                <session-timeout>30</session-timeout> <!-- 单位是分-->
          </session-config>
    

    内置对象五:application 对象
    介绍:实现用户之间的数据共享
    方法:void setAttribute(String key,Object value) 以key/value的形式保存对象值
    方法:Object getAttribute(String key) 通过key获取对象值
    方法:String getRealPath(String path) 返回相对路径的真实路径
    案例:用户登录成功后

     Integer count = application.getAttribute("count")
     if(count==null){
          application.setAttribute("count",1);
     }else{
          application.setAttribute("count",count+1);
     }
    
    更多相关内容
  • jQuery 表单对象属性

    千次阅读 2018-09-09 00:00:00
    jQuery有着非常丰富的DOM元素操作方法,在DOM元素中,表单元素尤为突出,在jQuery库中与表单DOM元素相关的方法是占有非常大的比例,可见一斑!接下来的文章中,将是都介绍与表单DOM元素相关的方法。 本篇文章,介绍...

    jQuery有着非常丰富的DOM元素操作方法,在DOM元素中,表单元素尤为突出,在jQuery库中与表单DOM元素相关的方法是占有非常大的比例,可见一斑!接下来的文章中,将是都介绍与表单DOM元素相关的方法。

    本篇文章,介绍表单元素中使用频率较高的单选按钮,复选按钮,下拉列表框相关的选择器。

    1:“:checked” 选择器

    功能:匹配所有勾选的元素

    在使用单选框和复选框时,经常会需要获取当前选中的值,如果给每个按钮添加点击事件,来获取当前所选中的值,那样做效率太低了,严格来说就是错误的做法。jQuery的 “:checked” 选择器非常好的完成了这个工作。但是,想使用好jQuery的选择器,首先要有良好的代码规范,代码结构明确,避免无效的代码,使得HTML结构可读性差。

    通过下面的示例具体学习一下 “:checked” 选择器的使用:

    <!-- html -->
    <form action="" >
        <input type="radio" value="web" name="demo">
        <input type="radio" checked value="梦之蓝" name="demo">
        <input type="radio" value="前端开发" name="demo">
    
        <input type="checkbox" checked value="web" name="demo2">
        <input type="checkbox" checked value="梦之蓝" name="demo2">
        <input type="checkbox" value="前端开发" name="demo2">
    </form>
    
    <!-- js -->
    var demo=$("form>input[name='demo']:checked");
    console.log(demo.val());    //梦之蓝
    
    var demo2=$("form>input[name='demo2']:checked");
    console.log(demo2.val());   //web

    “:checked”选择器 能很好的匹配出当前所选中的单选框按钮的值,但是复选框表现不足,未能正确的得到所有选中的值,因为当前所匹配出的元素有多个,返回的是一个数组的jQuery对象,那如何正确的获取呢?可阅读前面所发布的文章《jQuery 筛选之map()》找到答案。

    2:“:selected” 选择器

    功能:匹配所有选中的 option 元素

    下拉列表是使用频率非常高的,与之对应的 “:selected” 选择器也是非常的实用。

    通过下面的示例具体学习一下 “:selected” 选择器的使用:

    <!-- html -->
    <form action="">
        <select name="demo3">
            <option value="前端开发">前端开发</option>
            <option value="梦之蓝">梦之蓝</option>
            <option value="web" data-id="web-7258" selected>web</option>
        </select>
    </form>

    如果只是想获取该下拉列表的值,可直接这么写,也是最常用的写法

    <!-- js -->
    console.log($("form>select[name='demo3']").val());

    本文章为重点说明 “:selected” 选择器的使用,请看下面的代码

    <!-- js -->
    var demo3=$("form>select[name='demo3']>option:selected");
    console.log(demo3.val());   //web
    console.log(demo3.html());  //web
    console.log(demo3.data("id"));  //web-7258

    通过上面的代码能明显的知道,“:selected” 选择器 返回的确实是一个 DOM元素的JQuery对象,有兴趣的同学还可以阅读之前的文章《jQuery 对象访问》中所介绍的 get() 方法来确认。

    其实,如果当前下拉列表允许多选并当前有选中多个值时,“:selected” 选择器也会遇到不能正确获取值的问题,那么解决办法可一样通过遍历的方式来实现,或者直接获取这个下拉列表元素的 val() 值即可!

    作者:黄河爱浪 QQ:1846492969,邮箱:helang.love@qq.com

    微信公众号:web-7258,本文原创,著作权归作者所有,转载请注明原链接及出处。

    更多精彩文章,请扫下方二维码关注我的公众号

    展开全文
  • javascript 表单规则集合对象,其实就是三个常用的但比较麻烦的不容易记忆的规则,如果想要更全的,可以到脚本之家查看之前发布的一些文章。
  • 表单标签的作用、常用表单控件

    千次阅读 2019-04-30 14:42:25
    1.2 form常用的属性 Form标签是表单标签的一个根标签 1.3 get与post在格式上的区别 提交方式 特点 GET 默认是get方式,参数跟在地址栏后面,以?隔开,多个参数之间以&符号分隔,安全性低。 ...

     1.1 表单标签的作用

    • 作用:将客户端的数据提交给服务器,(表单是客户与服务器交互的一种方式)。
    • 可见性:在网页上是不可见的。

     1.2 form常用的属性

    Form标签是表单标签的一个根标签

     1.3 get与post在格式上的区别

    提交方式特点
    GET默认是get方式,参数跟在地址栏后面,以?隔开,多个参数之间以&符号分隔,安全性低。
    POST参数在地址栏是不可见的,安全性更高
    GET提交的数据有大小限制,不能超过1Kb
    POST提交的数据是没有大小限制的

     

     

     

     

     

     

     

    1.4 表单标签的应用

    1.4.1 案例效果

     

    1.4.2 案例分析 

    1. 整个表单由8行2列组成,第1列显示文本,可以在td中使用label标签
    2. 用户名、密码、性别、爱好、照片使用input标签,设置不同的type属性
    3. 学历使用select,个人简介使用textarea
    4. 最后1行跨2列,注册、清空、按钮的type分别是submit、reset、button

     

    colspanrowspan这两个属性用于创建特殊的表格。

    colspan用来指定单元格横向跨越的列数:colspan就是合并列的,colspan=2的话就是合并两列。

    rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的,比如rowspan=2就是合并两行,

    • rowspan通常使用在tdth标签中
    • row:行,span:跨度,跨距,范围
    • col:列,span:跨度,跨距,范围
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css"></style>
        <script type="text/javascript"></script>
    </head>
    <body>
    
    <form action="http://www.baidu.com" method="get" >
        <table width="400px" height="400px">
            <tr>
                <td colspan="2">
                    <h4>用户注册</h4>
                    <hr/>
                </td>
            </tr>
    
            <!--  隐藏表单项,应用场景:某些数据对用户而言是没有意义的,用户不需要看到这些数据,但是服务器又需要,那么这时候就可以使用隐藏表单项-->
            <input type="hidden" name="flag" value="true"/>
    
    
            <!--  用户名: 普通的文本输入框-->
    
            <tr>
                <td>用户名:</td>
                <td>
                    <!--  用户名: 普通的文本输入框-->
                    <input type="text" name="userName" value="请输入用名.." />
                </td>
            </tr>
    
            <tr>
                <td>密码:</td>
                <td>
                    <!--  密码框: 密码框-->
                    <input type="password" name="password"/>
                </td>
            </tr>
    
    
            <tr>
                <td>性别:</td>
                <td>
                    <!--  性别: 单选框, 单选框input标签, type=radio
                        同一组的单选框只能选择其中的一个。
                        单选框如果需要分组,那么必须要保持name的属性值一致。
                        如果需要默认选中某一个,那么需要添加checked属性。
                    -->
                    男:<input type="radio" name="sex" value="man" checked />
                    女:<input type="radio" name="sex" value="woman"/>
                </td>
            </tr>
    
    
    
    
            <tr>
                <td>爱好:</td>
                <td>
                    <!-- 兴趣爱好: 复选框  type=checkbox -->
                    打代码: <input name="hobbit" value="code" type="checkbox"/>   读代码: <input name="hobbit" value="read" type="checkbox"/>  看代码: <input  name="hobbit" value="look" type="checkbox"/>
                </td>
            </tr>
    
    
    
            <tr>
                <td>学历:</td>
                <td>
                    <!-- 下拉框  下拉框使用的是select标签 -->
                    <select name="xueli">
                        <option value="bs">博士</option>
                        <option value="ss">硕士</option>
                        <option value="bk">本科</option>
                        <option value="dz">大专</option>
                    </select>
                </td>
            </tr>
    
    
            <tr>
                <td>照片:</td>
                <td>
                    <!-- 文件表单项  -->
                    <input type="file" name="image" />
                </td>
            </tr>
    
    
            <tr>
                <td>个人简介:</td>
                <td>
                    <!-- 文本域   标签textarea  -->
                    <textarea cols="40" rows="10" name="intr" ></textarea>
                </td>
            </tr>
    
    
            <tr align="center">
                <td colspan="2">
                    <!--普通的按钮-->
                    <input type="button" value="普通按钮"/>
                    <!--重置表单项-->
                    <input type="reset" value="重置"/>
                    <!--提交按钮:  提交表单的数据到服务器上。-->
                    <input type="submit" value="注册"/>
                </td>
            </tr>
    
    
        </table>
    </form>
    
    
    </body>
    
    </html>

    2.1 常用的表单控件

     

    2.2 HTML5新添加type属性

    描述

    color

    定义拾色器

    date

    定义日期字段(带有 calendar 控件)

    datetime-local

    定义日期字段(带有 calendar 和 time 控件)

    month

    定义日期字段的月(带有 calendar 控件)

    week

    定义日期字段的周(带有 calendar 控件)

    time

    定义日期字段的时、分、秒(带有 time 控件)

    email

    定义用于 e-mail 地址的文本字段,如果输入不正确的邮箱地址有验证的功能

    number

    定义带有 spinner 控件的数字字段

    range

    定义带有 slider 控件的数字字段

    search

    定义用于搜索的文本字段,**当输入内容的时候,搜索框后边会自动出现一个小×,点击这个小×,可以清除输入的内容。**

    tel

    定义用于电话号码的文本字段,在手机上操作会出现输入数字的键盘。

    url

    定义用于 URL 的文本字段,在手机上操作会出现输入网址的键盘。

     

    展开全文
  • 例8-1 form对象的应用 先看ex8-1.htm 注意在另一窗口中显示内容的做法 document.forms.length表示表单的数量 第1组6个表单元素的值见ex8-1-1.htm document.forms[j].elements[k].value radio对象和checkbox对象的值...
  • JavaScript 表单对象 | 看完不会请来捶我

    千次阅读 多人点赞 2020-01-12 17:01:11
    文章目录一、访问表单与表单元素1、JavaScript访问表单2、JavaScript访问表单元素二、表单对象的属性、方法与事件1、属性2、方法3、事件三、表单元素1、文本框(1)文本框属性(2)文本框方法(3)例子1:验证表单...


    一、访问表单与表单元素

    表单是实现动态网页的一种主要的外在形式,可以收集在客户端用户提交的信息,是实现网站互动功能的重要组成部分。

    Form对象代表了HTML文档中的表单,因为表单对象是由表单元素组成的,因为Form对象也包含多个子对象

    1、JavaScript访问表单

    一个HTML文档中可能会包含很多<form>标记,JS会为每个<form>标记创建一个Form对象,并存储到一个forms[]数组中。

    在操作form对象之前首先要确定要访问的表单,有三种访问表单的方式,比如我们定义了一个表单:

    <form id="form1" name="myForm" method="post" action="">
        用户名:<input type="text" id="user" name="username" size="15"><br>
        密码:<input type="password" name="password" maxlength="8" size="15"><br>
        <input type="submit" name="sub1" value="登录">
    </form>
    
    • document.forms[]按编号进行访问,访问上面的表单:document.forms[0]
    • document.formname按名称进行访问,访问上面的表单:document.myFrom
    • 在支持DOM的浏览器中:document.getElementById("formID"),比如上面的表单:document.getElementById("form1")

    2、JavaScript访问表单元素

    每个表单都是一个表单元素的聚集,访问表单元素也是三种方式,拿上面的表单代码来看一下:

    • 通过elemnts[]按元素编号进行访问,访问上面的表单:document.form1.elements[0]
    • 通过name属性进行访问,访问上面的表单:document.form1.text1
    • 在支持DOM浏览器中,使用document.getElementByID("elementID")来定位要访问的表单元素,访问上面的表单:document.getElementById("user")

    二、表单对象的属性、方法与事件

    1、属性

    下表列出了表单对象的属性:

    属性说明
    name返回或设置表单名称
    action返回或设置表单提交的URL
    method返回或设置表单提交方式,可取值为getpost
    encoding返回或设置表单信息提交的编码方式
    id返回或设置表单id
    length返回表单元素个数
    target返回或设置提交表单时目标窗口的打开方式
    elements返回表单对象中的元素构成的数组,数组中的元素也是对象

    2、方法

    表单对象只有两个方法:

    • reset(): 将所有表单对象的元素全部重置为初始值,相当于单击了重置按钮
    • submit():提交表单数据,相当于单击提交按钮

    3、事件

    表单对象的事件只有两个,与两个方法类似:

    • reset:重置表单时触发的事件
    • submit:提交表单时触发的事件

    三、表单元素

    1、文本框

    文本框主要包含单行文本框多行文本框两种,多行的又叫做文本域密码框被看成是一种特殊的单行文本框(输入的时候以*显示)

    无论哪种文本框他们的属性和方法大多都是相同的,

    (1)文本框属性

    下表列出了文本框常用属性及说明:

    属性说明
    id返回或设置文本框id属性值
    name返回文本框的名称
    type返回文本框类型
    value返回或设置文本框中的文本
    rows返回或设置多行文本框的高度
    cols返回或设置多行文本框宽度
    disabled返回或设置文本框是否被禁用,值为true表示被禁用

    (2)文本框方法

    下表给出了文本框的常用方法及说明:

    方法说明
    blur()用于将焦点从文本框中移开
    focus()用于将焦点赋给文本框
    click()模拟文本框被鼠标单击
    select()选中文本框中的文字

    (3)例子1:验证表单内容是否为空

    步骤1: 设计登录界面,用HTML写一个下面的简单的表单(HTML不再给出)

    步骤2: 写JS脚本来判断用户名和密码是否为空:

    <script type="text/javascript">
        function Check() {
            if(demo.UserName.value==""){
                alert("请输入用户名!");
                demo.UserName.focus();
                return false;
            }if(demo.UserPwd.value==""){
                alert("请输入密码!");
                demo.UserPwd.click();
                demo.UserPwd.focus();
                return false;
            }
            return true;
        }
    </script>
    

    步骤3: 绑定按钮提交重置所响应的方法

    <input type="button" value="提交" onclick="return Check()">
    <input type="button" value="重置" onclick="demo.reset()">
    

    效果如下:
    在这里插入图片描述

    (4)例子2:对文本框的文字加入字数限制

    步骤1: 写好表单,向表单里面添加一个单行文本框一个多行文本框

    步骤2: 开始写JS代码

        <script type="text/javascript">
            var limit_Tle = 10;
            var limit_Text = 1000;
            function CheckTitle() {
                var x = demo.Title.value;
                if(x.length>limit_Tle){
                    alert("标题不能超过10个字!");
                    return false;
                }
            }
            function CheckText() {
                var x = demo.Text.value;
                if(x.length>limit_Text){
                    alert("内容不能超过1000字!");
                    return false;
                }
            }
        </script>
    

    步骤3: 向表单中的<textarea><input type="text">添加onBlur(当焦点失去执行指定方法)事件

    <input name="Title" type="text" size="50" onblur="CheckTitle()">
    <textarea name="Text" rows="6" cols="52" value="这里填写新闻内容" onblur="CheckText()"></textarea>
    

    效果如下:
    在这里插入图片描述

    2、按钮

    按钮分为三种,分别是:

    • 普通按钮:用于调用自定义函数
    • 提交按钮:用于提交表单
    • 重置按钮:用于重置表单

    但是,无论哪一种按钮,他们都具有相同的属性和方法

    (1)按钮属性

    下表展示了按钮的属性:

    属性说明
    id返回或设置按钮的id属性值
    name返回按钮的名称
    type返回按钮的类型
    value返回或设置显示在按钮上的文本,即按钮的值
    disabled返回或设置按钮是否被禁用,值为true则被禁用

    (2)按钮方法

    下面展示了按钮的一些方法:

    方法说明
    blur()用于将焦点从按钮中移开
    focus()用于将焦点赋给按钮
    click()模拟按钮被鼠标单击

    (3)例子:获取表单元素的值

    步骤1: 在HTML文档中写入一个表单,包含三个文本框~,然后添加两个按钮和一个隐藏域按钮,展示HTML部分代码:

    <form name="demo" id="demo" method="post" action="" onsubmit="return Check(demo)">
    	<input type="hidden" name="hid" value="文章添加成功" id="hid">
        <input type="submit" name="add" id="add" value="添 加">
        <input type="reset" value="重置">
    </form>
    

    步骤2: 编写JS代码,代码如下:

    <script type="text/javascript">
        function Check(demo) {
            var str="获取内容如下:";
            if(demo.AuthorName.value!="")
                str+="作者名称:"+demo.AuthorName.value+"\n";
            else return false;
            if(demo.TextTheme.value!="")
                str+="文章主题:"+demo.TextTheme.value+"\n";
            else return false;
            if(demo.TextMain.value!="")
                str+="文章内容:"+demo.TextMain.value+"\n";
            else return false;
            if(demo.hid.value!="")
                str+=demo.hid.value;
            alert(str);
            return true;
        }
    </script>
    

    效果如下:
    在这里插入图片描述

    3、单选按钮和复选框

    单选按钮用于进行单一的选择,在页面中以圆框的表示;复选框能够进行多项选择,在页面在以一个方框表示。单选按钮和复选框一般情况下会以组的形式出现在页面中。创建单选按钮组或者复选框组只需要将所有单选按钮或所有复选框的name属性值设置为一致即可。

    单选按钮和复选框虽然在功能上不相同,但是他们的属性和方法几乎相同

    (1)属性

    下表列出了单选按钮和复选框常用的属性:

    属性说明
    id返回或设置id属性值
    name返回名称
    type返回类型
    value返回或设置单选框或复选框的值
    length返货一组单选按钮或复选按钮中包含元素的个数
    checked返回或设置一个单选按钮或复选框是否处于被选中状态,该属性值为true时,单选按钮或复选框处于被选中状态;反之,未选中
    disabled返回或设置按钮是否被禁用,值为true则被禁用

    (2)方法

    下标列出了单选按钮和复选框一些常用方法:

    方法说明
    blur()用于将焦点从按钮中移开
    focus()用于将焦点赋给按钮
    click()模拟按钮被鼠标单击

    (3)例子:获取单选按钮和复选框的值

    步骤1: 设计如效果图所示表单。

    步骤2: 定义getInfo()函数,在函数中湖片区用户信息,代码如下:

        <script type="text/javascript">
            function getInfo() {
                var res="";
                res+="姓名:" + demo.name.value + "\n";
                res+="性别:";
                for(var i = 0 ; i < demo.sex.length ; i ++ ){
                    if(demo.sex[i].checked)
                        res += demo.sex[i].value;
                }
                res+="\n爱好:";
                for(var i = 0 ; i < demo.hobby.length ; i ++ )
                    if(demo.hobby[i].checked)
                        res+=demo.hobby[i].value+" ";
                res+="\n自我评价:"+demo.judge.value + "\n";
                alert(res);
            }
        </script>
    

    效果如下:
    在这里插入图片描述

    4、下拉菜单

    下拉菜单通过<select><option>标记来实现。

    (1)下拉菜单属性

    下表展示了下拉菜单的一些属性:

    属性说明
    id返回或设置id属性值
    name返回名称
    type返回类型
    value返回或设置下拉菜单被选中的值
    multiple该值设为true时,下拉菜单中的选项会以列表的方法显示,此时可以多选;该值为false时,只能单选
    length返回下拉菜单元素的个数
    options返回一个数组,数组中的元素为下拉菜单中的选项
    selectedIndex返回或设置下拉菜单中当前选中的选项在options[]数组中的下标
    disabled返回或设置下拉菜单是否被禁用,值为true则被禁用

    (2)下拉菜单方法

    下表展示了下拉菜单的一些常用方法:

    方法说明
    blur()用于将焦点从按钮中移开
    focus()用于将焦点赋给按钮
    click()模拟按钮被鼠标单击
    remove(i)删除下拉菜单中的选项,其中,参数i为options[]数组中的下标

    (3)Option对象

    HTML中,创建下拉菜单需要使用select元素或option元素,select用于声明,option用于创建下拉菜单中的选项,在JS中,下拉菜单中的每一个选项都可以看作是一个Option对象,创建下拉菜单选项的构造函数如下:

    new Option(text,value,defaultSelected,selected)
    

    其中defaultSelected是一个布尔值,用于声明该选项是否是下拉菜单中的默认选项,如果他的参数为true,那么表单重置的时候,这个选项会被自动选中。

    另一个元素selected也是一个布尔值,用于声明该选项是否处于被选中的状态

    在创建对象之后,可以直接将其赋值给下拉菜单的Option数组元素,例如:

    document.myform.myselect.options[0] = new Option("text","value");
    

    该对象也有自己的属性,下表展示了Option对象常用的属性:

    属性说明
    defaultSelected布尔值,用于声明在创建该对象时,该选项是否是默认选项
    index返回当前对象在options[]数组中的下标
    selected是否被选中
    text返回或设置选项中的文字
    value返回或设置选项中的值

    (4)例子:制作简单选择职位的网页

    步骤1: 怼一个表单,分别放两个下拉菜单,分别是:

    可选职位:

                    <select name="job" size="6" multiple="multiple">
                        <option value="歌手">歌手</option>
                        <option value="演员">演员</option>
                        <option value="画家">画家</option>
                        <option value="教师">教师</option>
                        <option value="公务员">公务员</option>
                        <option value="职员">职员</option>
                    </select>
    

    已选职位:

                    <select name="myjob" size="6" multiple="multiple">
    
                    </select>
    

    两个中间按钮:

     <input type="button" value=">>" onclick="myJob()"><br>
    <input type="button" value="<<" onclick="toJob()">
    

    步骤2: 写JS代码:

    	<script type="text/javascript">
            function myJob() {
                var jobLength = demo.job.options.length;
                for(var i = jobLength-1;i>=0;i--){
                    if(demo.job[i].selected){
                        var myOption = new Option(demo.job[i].text,demo.job[i].value);
                        demo.myjob.options[demo.myjob.options.length]=myOption;
                        demo.job.remove(i);
                    }
                }
            }
            function toJob() {
                var myjoblength = demo.myjob.options.length;
                for(var i = myjoblength-1;i>=0;i--){
                    if(demo.myjob[i].selected){
                        var myOption = new Option(demo.myjob[i].text,demo.myjob[i].value);
                        demo.job.options[demo.job.options.length]=myOption;
                        demo.myjob.remove(i);
                    }
                }
            }
        </script>
    

    效果如下:
    在这里插入图片描述

    展开全文
  • 1.表单简介 表单<form>是网页中交互最多的形式之一,它通过各种形式接收用户的数据,包括下拉列表框,单选按钮,...不仅如此,还可以通过表单在文档中的索引来引用表单对象。例如 代码如下:document.forms[1] 表
  • 前言 表单校验是注册环节中必...ElementUI提供了一些常用表单验证规则,我们可以直接使用该规则来实现数据校验。rules根据rules给出的规则会对prop中的值进行校验,当不满足要求时会弹出message相应的提示信息。 自
  • VBA常用对象

    千次阅读 2018-01-21 17:36:31
    VBA中有四个最基本的概念:对象、属性、方法与事件。  工作簿、工作表、单元格、批注、透视表、自选图形、名称等等都是对象,VBA正是用于处理这些对象的语言。 第一,excel vba对象基本概念介绍  excel vba对象...
  • iview是常用的vue的ui组件,其中实现了许多的功能,其中一个最常用的还是表单功能,iview自带了表单的校验功能,在保存的时候通过调用validate方法就可以进行表达校验。 将form中绑定的值放在model上面,将每个需要...
  • Angular实现了大部分常用的HTML5的表单控件的类型(text, number, url, email, date, radio, checkbox),也实现了很多指令做为验证(required, pattern, minlength, maxlength, min, max)。 在自定义的指令中,我们...
  • AVUE-CRUD系列常用表单属性

    千次阅读 2021-03-19 14:48:32
    //表单行高度 overHidden:false,//超出隐藏 rules://表单规则,参考ele表单规则配置Object dicData://传入本次需要的静态字典(在column中dicData写对象key值即可加载) dicMethod://传入字典的请求方式 dicQuery://...
  • JSP常用的五个内置对象

    千次阅读 2017-04-06 20:15:39
    一:out对象 out对象一般用来向页面输出信息的。...请求中封装了客户端所有的信息(cookies,session,表单数据、浏览器信息等) 常用方法: getParameter(String name) 返回指定参数名称的数值。如果没
  • html表单元素有哪些?

    千次阅读 2021-06-14 03:30:55
    HTML中常用表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(INPUT type=radio),复选输入框(INPUT type=checkbox),重置按钮、...
  • SpringBoot的表单验证及常用注解

    千次阅读 2019-03-05 18:13:36
    本文通过对springboot的表单验证及个别的注解的灵活使用,极大提高了代码的易读性和规范性,对于刚接触springboot的童鞋也可快速入门。 首先,对于实体类的get、set、toString的方法虽然IDEA有快捷键进行封装,但是...
  • (2) 获得当前文档中的元素、属性和节点信息(例如:通过“document.formName”来获得表示页面中的表单名称为fromName的表单对象)。 (3) getElementById()和getElementByTagName()。这两个方法会忽略文档的...
  • 本文将介绍 Angular Template-driven 表单中,常用控件的使用。涉及的表单控件如下: text number radio select (基本类型) select (对象) multi select cascading select (级联操作) checkbox (boolean) ...
  • FormData 表单对象概述 常用方法 添加、获取数据 修改、删除数据 判断是否含有指定 key entries 遍历数据 项目实例 FormData 表单对象概述 1、FormData 是 Html5 新加进来的一个类,可以模拟表单数据 2、...
  • 而人机对话的平台,基本上是靠相应的文本、列表...所以学习网络编程就一定要了解这些输入平台相关的东西:表单(form)其基本格式如下: <form name="form1" action="xxx.asp" method="post"> <input ty...
  • spring boot常用表单验证注解

    千次阅读 2018-12-14 16:17:04
    验证注解 验证的数据类型 ...验证注解的元素值不为空(不为null、...如用户对象中有个地址对象属性,如果想在验证用户对象时一起验证地址对象的话,在地址对象上加@Valid注解即可级联验证  
  • Request对象接收Form表单提交

    万次阅读 2016-09-16 16:17:20
    转自:... Form表单:  HTML的form表单 Html的Form表单元素 编  号(文本框): size="2" maxlength="2"> 用户名(文本框): 密  码(密码框): 性 
  • Laravel 表单验证常用的验证规则和示例 <?php namespace App\Http\Controllers; use App\Models\Users; use Illuminate\Support\Facades\Validator; use Symfony\Component\HttpFoundation\Request; class ...
  • Jquery对象常用方法

    千次阅读 2018-04-20 11:19:06
    一、JQuery对象的基本方法:(1) get(); 取得所有匹配的元素(2) get(index); 取得其中一个匹配的元素 $(this).get(0) 等同于 $(this)[0](3) Number index(jqueryObj); 搜索子对象(4) each(callback); 类似foreach,...
  • 这里是修真院前端小课堂,每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/...表单元素是允许用户在表单中(比如:文...
  • 2020 jsp九大内置对象及其常用方法【整理】

    千次阅读 多人点赞 2020-01-06 20:15:42
    文章目录1.request2.response3.session4.application5.out6.configconfig...jsp一共定义了9个对象:request、response、session、application、out、pagecontext、config、page、exception 1.request 代表着客户端的...
  • 在 Flask 中由全局的 request 对象来提供这些信息,比如说GET在url后面追加参数、POST在body中带参数、又或者是POST的表单提交方式,这时候就需要从request里提取出参数。 这篇文章详细介绍了request对象常用的属性...
  • input对象常用属性

    2019-05-31 16:54:48
    input对象 一个input标记,就是一个input对象 input对象的属性 name:表单元素的名称 value:表单元素的值,用户输入的内容,可以通过该属性获取 size:表单的长度 maxlength:表单元素的最大长度(最多可输入...
  • ecology8流程表单常用js

    万次阅读 2017-09-20 15:25:33
    1、提交验证表单结束日期不能少于开始日期 jQuery(document).ready(function(){ checkCustomize = function (){ //提交验证 var returnval = true; var beginDateTime = jQuery("#field5973").val(); var ...
  • 常用jQuery选择器总结

    2020-12-10 12:35:36
    其中过滤选择器可以分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。 基本选择器: $(“#myELement”) 选择id值等于myElemen
  • 深拷贝(deep copy):复制并创建一个一摸一样的对象,不共享内存,修改新对象,旧对象保持不变。 4.HTTP协议: 基于TCP/IP协议作用于应用层的协议,基于请求响应,无状态无连接的协议 5. 昨日内容回顾 Web的本质 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 152,429
精华内容 60,971
关键字:

常用的表单对象