精华内容
下载资源
问答
  • 下拉列表列表标签

    千次阅读 2018-06-14 20:41:51
    下拉菜单和列表标签<option> 下拉菜单和列表项目标签<optgroup> 下拉菜单和列表项目分组标签<textarea> 文字域标签下拉菜单和列表标签语法:<select&...
    html表单
    Form标签中,以下标签实现表单元素添加:

    标签 描述
    <input> 表单输入标签
    <select> 下拉菜单和列表标签
    <option> 下拉菜单和列表项目标签
    <optgroup> 下拉菜单和列表项目分组标签
    <textarea> 文字域标签

    下拉菜单和列表标签
    语法:
    <select>
    <option value = "...">选项</option>
    <option value = "...">选项</option>
    </select>
    <select>标签属性
    属性 描述
    name 设置下拉菜单和列表的名称
    multiple 设置可选择多个选项
    size 设置列表中可见选项数目
    <option>标签属性
    属性 描述
    selected 设置选项初始选中状态
    value 定义送往服务器的选项值

    分组下拉菜单和列表标签
    语法:
    <select name=" " >
    <optgroup labael="组1">
    <option value = "...">选项</option>
    <option value = "...">选项</option>
    </optgroup>
    <optgroup labael="组2">
    <option value = "...">选项</option>
    <option value = "...">选项</option>
    </optgroup>
    </select>

    多行文本域<textarea>
    语法
    <textarea name = ".." rows = ".." cols = ".."....>
    内容..............
    </texarea>
    属性:
    属性 描述
    name 设置文本区的名称
    placehholder 设置描述文本区域预期值的简短提示
    rows 设置文本区内的可见 行数
    cols 设置文本区内的可见宽度,

    <form>标签
    属性 值 描述
    action URL 提交表单时向何处发送表单数据
    method get,post 设置表单以何种方式发送到指定页面
    name form_name 表单的名称
    target _blank,_self,_parent_,top 在何处打开action URL
    enctype application/x-www-form-urlencoded multipart/form-data text/plain
    在发送表单数据之前如何对其进行编码

    post和get区别

    GET:
    使用URL传递参数
    对所发送信息的数量也有限制
    一般用于信息获取
    POST;
    表单数据作为HTTP请求体的一部分
    对所发送信息的数量无限制
    一般用于修改服务器上的资源


    展开全文
  • 下拉列表在网站前端开发中经常遇到,如何操作html下拉列表标签,本篇文章给大家详解javascript如何操作html下拉列表标签,需要的朋友可以来参考下
  • jsp下拉列表—自定义标签

    千次阅读 2016-12-11 05:14:39
    有时一个网页中下拉列表很多,而且是动态变化的时候,这时有自定义标签就会很方便 首先是jdbc数据连接 [c-sharp] view plain copy ackage pro.shopping.util;    import ...

    有时一个网页中下拉列表很多,而且是动态变化的时候,这时有自定义标签就会很方便

    首先是jdbc数据连接

    [c-sharp]  view plain  copy
    1. ackage pro.shopping.util;  
    2.   
    3. import <a href="http://lib.csdn.net/base/javase" class='replace_word' title="Java SE知识库" target='_blank' style='color:#df3434; font-weight:bold;'>Java</a>.io.IOException;  
    4. import java.sql.Connection;  
    5. import java.sql.DriverManager;  
    6. import java.sql.PreparedStatement;  
    7. import java.sql.ResultSet;  
    8. import java.sql.SQLException;  
    9. import java.util.Properties;  
    10.   
    11. import com.sun.java_cup.internal.internal_error;  
    12.   
    13. /* 
    14.  * 该类用于连接<a href="http://lib.csdn.net/base/mysql" class='replace_word' title="MySQL知识库" target='_blank' style='color:#df3434; font-weight:bold;'>数据库</a>和对数据库进行操作 
    15.  */  
    16. public class JdbcUtil {  
    17.     public Connection con = null;   
    18.       
    19.     //连接数据库  
    20.     public Connection getCon(){  
    21.         //获取配置文件的数据  
    22.         Properties pro = new Properties();  
    23.         try {  
    24.             pro.load(JdbcUtil.class.getResourceAsStream("/db.properties"));  
    25.             String userName = pro.getProperty("userName");  
    26.             String userPassword = pro.getProperty("userPassword");  
    27.             String url = pro.getProperty("url");  
    28.             String driver = pro.getProperty("driver");  
    29.               
    30.             Class.forName(driver);  
    31.             con = DriverManager.getConnection(url,userName,userPassword);  
    32.         } catch (Exception e) {  
    33.             // TODO Auto-generated catch block  
    34.             e.printStackTrace();  
    35.         }  
    36.         return con;  
    37.           
    38.     }  
    39.       
    40.     //查询操作  
    41.     public ResultSet gerSet(String sql,Object ...p){  
    42.         //连接数据库  
    43.         con = this.getCon();  
    44.         ResultSet re = null;  
    45.         try {  
    46.             PreparedStatement pre = con.prepareStatement(sql);  
    47.             if(p!=null){  
    48.                 for (int i = 0; i < p.length; i++) {  
    49.                     pre.setObject(i+1, p[i]);  
    50.                 }  
    51.                 re = pre.executeQuery();  
    52.             }  
    53.         } catch (SQLException e) {  
    54.             // TODO Auto-generated catch block  
    55.             e.printStackTrace();  
    56.         }  
    57.         return re;  
    58.     }  
    59.       
    60.     //增加、删除、修改操作  
    61.     public int zsg(String sql,Object ...p){  
    62.         con = this.getCon();  
    63.         int j = 0;  
    64.         try {  
    65.             PreparedStatement pre = con.prepareStatement(sql);  
    66.             if(p!=null){  
    67.                 for (int i = 0; i < p.length; i++) {  
    68.                     pre.setObject(i+1, p[i]);  
    69.                 }  
    70.                 j = pre.executeUpdate();  
    71.                 con.close();    //关闭数据库  
    72.             }  
    73.         } catch (SQLException e) {  
    74.             // TODO Auto-generated catch block  
    75.             e.printStackTrace();  
    76.         }  
    77.         return j;  
    78.     }  
    79.       
    80. }  

       然后编写Dao类:

     

    [c-sharp]  view plain  copy
    1. package pro.shoping.Tag;  
    2.   
    3. import java.io.IOException;  
    4. import java.sql.ResultSet;  
    5. import java.sql.SQLException;  
    6.   
    7. import javax.servlet.jsp.JspException;  
    8. import javax.servlet.jsp.JspWriter;  
    9. import javax.servlet.jsp.tagext.SimpleTagSupport;  
    10.   
    11. import pro.shopping.util.JdbcUtil;  
    12.   
    13. public class HtmlTag extends SimpleTagSupport{  
    14.     private JdbcUtil jUtil = new JdbcUtil();  
    15.       
    16.     private String table;    
    17.     private String value;    
    18.     private String label;   
    19.     public void setTable(String table) {  
    20.         this.table = table;  
    21.     }  
    22.     public void setValue(String value) {  
    23.         this.value = value;  
    24.     }  
    25.     public void setLabel(String label) {  
    26.         this.label = label;  
    27.     }  
    28.       
    29.     @Override  
    30.     public void doTag() throws JspException, IOException {  
    31.         // TODO Auto-generated method stub  
    32.         String sql = "select * from "+table;  
    33.         ResultSet rs = jUtil.gerSet(sql);  
    34.         JspWriter out = getJspContext().getOut();  
    35.         out.print("<select name="+table+">");  
    36.         out.print("<option value=-1>--请选择--</option>");  
    37.            try {  
    38.             while (rs != null && rs.next()) {  
    39.                 String v = rs.getString(value);  
    40.                 String l = rs.getString(label);  
    41.                 out.print("<option value=" + v + ">" + l + "</option>");  
    42.             }  
    43.         } catch (SQLException e) {  
    44.             // TODO Auto-generated catch block  
    45.             e.printStackTrace();  
    46.         }  
    47.         out.print("</select>");  
    48.         super.doTag();  
    49.     }  
    50.       
    51.       
    52.   
    53. }  

    最后是tld的配置

    [c-sharp]  view plain  copy
    1. <?xml version="1.0" encoding="UTF-8" ?>  
    2.   
    3. <taglib xmlns="http://java.sun.com/xml/ns/javaee"  
    4.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
    5.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-jsptaglibrary_2_1.xsd"  
    6.     version="2.1">  
    7.   
    8.     <description>JSTL 1.1 core library</description>  
    9.     <display-name>JSTL core</display-name>  
    10.     <tlib-version>1.1</tlib-version>  
    11.     <short-name>ccc</short-name>  
    12.     <uri>http://java.sun.com/jsp/jstl/core3</uri>  
    13.   
    14.     <tag>  
    15.         <name>select</name>  
    16.         <tag-class>pro.shoping.Tag.HtmlTag</tag-class>  
    17.         <body-content>empty</body-content>  
    18.   
    19.         <!-- 属性 -->  
    20.         <attribute>  
    21.             <name>table</name>  
    22.             <required>true</required>  
    23.         </attribute>  
    24.   
    25.         <attribute>  
    26.             <name>value</name>  
    27.             <required>true</required>  
    28.         </attribute>  
    29.   
    30.         <attribute>  
    31.             <name>label</name>  
    32.             <required>true</required>  
    33.         </attribute>  
    34.   
    35.     </tag>  
    36.   
    37. </taglib>  
      

     

    html的调用:

    [java]  view plain  copy
    1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
    2. <%@ taglib prefix="html" uri="/WEB-INF/html.tld" %>  
    3.   
    4. 部门:<html:select label="depname" table="dep" value="depid"></html:select>  <br>  
    5. 员工:<html:select label="empname" table="emp" value="empid"></html:select>  

    展开全文
  • 标签下拉列表控件.zip

    2019-07-05 00:24:52
    标签下拉列表控件是一款用于标签下拉列表功能的选择控件Selectize。
  • s标签s:select下拉列表使用

    万次阅读 2017-03-16 13:57:03
    现象:jsp页面中s:select标签使用原因:在struts2框架开发中,有时候jsp页面需要用s标签来写,因为s标签能自动读取值栈中相匹配的字段信息。... 1:当下拉列表的选项固定且简单的时候可以使用如下方法,

    现象:jsp页面中s:select标签的使用

    原因:在struts2框架开发中,有时候jsp页面需要用s标签来写,因为s标签能自动读取值栈中相匹配的字段信息。其中s:select怎么使用呢?
    

    解决方案:
    1:当下拉列表的选项固定且简单的时候可以使用如下方法

    <s:select id="type" name="type" class="ComboType" list="#{'1':'WiFi','2':'移动网络','3':'无网络'}"></s:select>
    

    这样就组成了三个选项的下拉列表 如果要设置默认值则加入value=”“

        <s:select id="type" name="type" class="ComboType" list="#{'1':'WiFi','2':'移动网络','3':'无网络'}" value="2"></s:select>
    

    2:当下拉列表使用的集合是后台数据库所查到的时候可以使用如下方法

     <s:select id="adaptRules" name="adaptRules" class="adaptrules" list="adaptruleslist" listKey="id" listValue="name"></s:select>
    

    后台在Action方法中的List处理如下:首先查找到对应对象集合 然后放入request中 在jsp页面获取
    其中jsp中的ListKey就是对象中id属性,listValue就是对象中的name属性

        List< Adaptrules> adaptruleslist=adaptrulesService.FindAdaptrules();
        request.setAttribute("adaptruleslist", adaptruleslist);
    

    对象的信息如下:
    这里写图片描述

    3:当下拉列表使用后台Map的时候可以使用如下方法

    <s:select id="mode" name="mode" onchange="opCommonHide(this)" class="ComMode" list="#request.modeMap" listKey="key" listValue="value" value="#request.mode"></s:select>
    

    list获取后台request中的Map属性 map的key将作为下拉列表的value,map的值将作为下拉列表展示的值。 如果要设置默认选择值则如图多传一位值mode用于默认选择
    这里写图片描述

    代码:

    <s:select id="mode" name="mode" onchange="opCommonHide(this)" class="ComMode" list="#request.modeMap" listKey="key" listValue="value" value="#request.mode"></s:select>
    展开全文
  • 主要介绍了Select标签下拉列表二级联动级联实例代码,需要的朋友可以参考下
  • Struts中的下拉列表标签使用

    千次阅读 2007-07-03 22:53:00
    页面中经常用到下拉列表,下面是个人对于STRUTS中标签使用的一点总结:STRUTS中的下拉选择列表标签必须嵌套在标签中,包括:1.2.3.4.使用时嵌套如下: 或或其中property为ActionForm中对应的一个属性.1.displayName其中...

    页面中经常用到下拉列表,下面是个人对于STRUTS中标签使用的一点总结:
    STRUTS中的下拉选择列表标签必须嵌套在<html:form>标签中,包括:
    1.<html:select>
    2.<html:option>
    3.<html:options>
    4.<html:optionsCollection>

    使用时嵌套如下:
    <html:select property="ationForm.property">
        <html:option>或<html:options>或<html:optionsCollection>
    </html:select>
    其中property为ActionForm中对应的一个属性.

    1.<html:option>
    <html:option value="value">displayName</html:option>
    其中value为实际使用的值(赋值到ActionForm对应的属性中) displayName页面中显示的信息.
    例:<html:option value=""></html:option>显示一个空白选择,值为"".

    2..<html:options>
    <html:options collection="collection" labelProperty="displayName" property="value"/>
    其中collection为一个集合,一般是个ArrayList,displayName为前台显示的名称,value为后台实际使用的值.
    例:<html:options collection="arrayList" labelProperty="name" property="id" />

    3..<html:optionsCollection>
    <html:optionsCollection property="actionForm.property" label="displayName" value="value"/>
    其中property为ActionForm中的一个属性,为一个集合.displayName为前台显示的名称,value为后台实际使用的值.
    例:<html:optionsCollection property="listProperty" label="name" value="id" />

    补充一点:如果要从 数据库去取数据,一般是在 action 里调用 DAO ,把结果存入一个ArrayList作为 request 的一个属性传到页面上; 这时一般用 <html:options .../> 标签.另外,如果数据不从数据库去取,而是代码固定的,则一般把这种放到 ActionForm 里,作为属性在页面上取,这时一般用 <html:optionsCollection ... /> 

     实例代码:

        

    // jsp页面代码
    < html:form action = " /welcome "  method = " post " >
            
    < html:select property = " colorid " >
                 
    < html:options collection = " beans "  property = " label "  labelProperty = " value " />
            
    </ html:select >
    </ html:form >

    // form bean代码
    public   class  WelcomeForm  extends  ActionForm  {   
        
    private String colorid; //用于保存用户选择的值
                       public ActionErrors validate(ActionMapping mapping,
                HttpServletRequest request) 
    {
            
    // TODO Auto-generated method stub
            return null;
        }


        
    /** 
         * Method reset
         * 
    @param mapping
         * 
    @param request
         
    */

        
    public void reset(ActionMapping mapping, HttpServletRequest request) {
            
    // TODO Auto-generated method stub 初始化值
            List list=new ArrayList();
            list.add(
    new LabelValueBean("pink","this is pink"));
                             list.add(
    new LabelValueBean("red","this is red"));
                             request.setAttribute(
    "beans", list);
        }


        
        
    public String getColorid() {
            
    return colorid;
        }


        
    public void setColorid(String colorid) {
            
    this.colorid = colorid;
        }
            
    }
    展开全文
  • 平常一样使用得到下拉列表,也可以用该标签得到多选列表框,如下: 在标签中加入size和multiple属性就能得到多选列表框,size:设置多选列表框大小,*要设置多选列表框,必须要有的这个属性*multiple:多样的, 多重的,为...
  • 1、未做任何操作前,下拉列表为隐藏状态 2、点击输入框显示下拉列表 3、 点击列表项,输入框值跟随改变 PS: 为了演示data1, data2两组数据的绑定,实例中创建了两个列表 html代码: <!DOCTYPE html> <...
  • //i广东省跟第一个下拉列表的值相等就给第二个下拉列表添加值 if(i==provinceObj.options[provinceObj.selectedIndex].value){//options[provinceObj.selectedIndex]表示当前被选中的省份的序号,然后.value获取值 ...
  • html中的下拉列表标签 - select

    千次阅读 2020-03-11 08:57:12
    -- select 下拉列表标签 --> <!-- select 里面的每一项用 option 表示,select是选择,option是选项,select和ul/ol/dl一样都是组标签 --> <!-- 属性: 1. multiple 可以对下拉列表中的选项进行多选,...
  • 下面给大家介绍Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题。 摘要: 表单标签取值问题中,单选按钮、复选按钮和下拉列表都比较特殊。这里总结一下vue.js中关于单选按钮、复选按钮和下拉列表不同情况...
  • 输入标签输入名称:<input type="text" name="user" value="" /><br /> <!--type="text"表示输入的是一个文本内容--> 输入密码:<inpu type="password" name="psw" /><br /> <!--type="password"表示输入的是密码框...
  • input标签添加下拉列表

    万次阅读 2019-01-21 13:43:54
    &lt;input class="sex" type="text" th:field="*{sex}" list="listItem" placeholder="请选择性别"&gt; &lt;datalist id="... 
  • 使用select2 组件获取下拉列表数据

    千次阅读 2019-01-14 12:21:23
    获取下拉列表数据欢迎使用select2 组件显示品牌下拉列表(静态)显示品牌下拉列表(动态)规格下拉列表 欢迎使用select2 组件 在弹出窗口中有个品牌下拉列表,要求品牌是可以选择多个,这与我们之前的单选的下拉列表...
  • struts2标签实现下拉列表级联操作

    千次阅读 2013-09-27 09:57:45
    struts2标签实现下拉列表级联操作
  • 得到的是这样的东西,而不是具体的值,这该如何是好![图片](https://img-ask.csdn.net/upload/201705/21/1495336704_50759.jpg)
  • select下拉列表

    2017-11-12 21:24:35
    标签下拉列表实现 语文 数学 语文 实现效果如下:
  • Android 的下拉列表使用

    千次阅读 2014-05-11 17:19:45
    这次的话就使用这个下拉列表框做一个城市和区域联动的小例子,数据的话简单起见就弄成静态的。就不先扯淡了。 1.先来看下下拉列表框的标签 1 Spinner 2  android:...
  • 主要介绍了用JavaScript来美化HTML的select标签下拉列表效果的方法,而且在多浏览器下的兼容效果也得到提升,需要的朋友可以参考下
  • 1页面创建 2"按钮组"组件 3"下拉列表"组件 4"标签+下拉"组件 5App上下滑动组件;1页面创建 2"按钮组"组件 3"下拉列表"组件 4"标签+下拉"组件 5App上下滑动组件 ;页面创建;页面创建;1页面创建 2"按钮组"组件 3"下拉...
  • struts2 select标签 下拉列表

    万次阅读 2012-09-13 11:51:45
    在写项目的时候需要用到下拉列表,遇到点问题,谷哥后总结如下: select里面有: headerValue : 默认值value headerKey : 默认name list : 源数据 (可以在action方法里从数据库获取list) name : 被选数据存放...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 81,486
精华内容 32,594
关键字:

下拉列表使用什么标签