一、多行文本textarea

<form>

        <div>

            <textarea name="more"></textarea>

        </div>

        <input type="submit" value="提交">

    </form>

'''

 textarea 可以实现多行输入，要使后台能获取输入值，可以使用name属性

'''

如下：

　　

二、下拉框select标签

　　2.1 select 单选

<body>

    <form>

        <div>

            <select name="city">

                <option value="1">北京</option>

                <option value="2" selected="selected">上海</option>

                <option value="3">广州</option>

                <option value="4">杭州</option>

            </select>

        </div>

        <br />

        <input type="submit" value="提交"/>

    </form>

</body>

'''

  name: 表单提交项的键

  option: 下拉选项中的每一项

              属性：

                      value: 表单提交项的值

                      selected： 默认选项

'''　

如下：　

　　2.2 select 多选

<body>

    <form>

        <div>

            <select name="city" size="5" multiple="multiple">

                <option value="1">北京</option>

                <option value="2" selected="selected">上海</option>

                <option value="3">广州</option>

                <option value="4">杭州</option>

            </select>

        </div>

        <br />

        <input type="submit" value="提交"/>

    </form>

</body>

'''

   size： 下拉框的宽度

   multiple="multiple"：可以多选

'''

如下：

　　2.3 设置分组选项

<body>

    <form>

        <div>

            <select name="city">

                <optgroup label="江苏">

                    <option value="1">苏州</option>

                    <option value="2">扬州</option>

                    <option value="3">常州</option>

                </optgroup>

                <optgroup label="浙江">

                    <option value="4">杭州</option>

                    <option value="5">金华</option>

                    <option value="6">丽水</option>

                </optgroup>

            </select>

        </div>

        <br />

        <input type="submit" value="提交"/>

    </form>

</body>

'''

 label : 名称，这个不可选

'''

如下：

select标签和多行文本标签的更多相关文章

  1. HTML <select> 标签 创建单选或多选菜单

    所有主流浏览器都支持 <select> 标签. select 元素可创建单选或多选菜单. <select&> 元素中的 <option> 标签用于定义列表中 ...

  2. 第一篇-Html标签中head标签，body标签中input系列，textarea和select标签

    第十四周课程(1-12章节) HTML 裸体 CSS   穿华丽衣服 Javascript 动起来 一 HTML (20个标签) 1.我们的浏览器是socket客户端 2.一套规则,浏览器认识的规则 ...

  3. 如何用jstl的select标签做二级联动下拉列表框？？

    下拉列表框的多级联动早就会了.但是用jstl的select标签做下拉列表框的做二级联动的时候还是遇到了些问题.主要问题在用Ajax查询到的数据如何拼成下拉选项的时候.其实很简单,但我还是折腾了好久.所 ...

  4. html之select标签

    循环select标签 <select name="group_id"> {% for row in group_list %} <option value={{r ...

  5. html中select标签根据枚举获得值的总结

    不知不觉在公司一个多月了,这一个月做了一个支票申请的web页面功能,都不是特别难,审核有公司给的工作流,分页工具和很多公用工具公司也都给了,所以觉得难度都不是很大.今天主管让我们修改了以前做的项目的代 ...

  6. select标签让文字垂直居中问题

    直接在select样式中添加:padding:npx 0; n的大小视select标签的高度而定.一般为8px左右.

  7. 获取select标签选中状态 的label的值。

    <select name="procode" onchange="alert(this.options[this.selectedIndex].text)" ...

  8. select标签非空验证，第一个option value=""即可

    select标签非空验证,第一个option value=""即可,否则不能验证

  9. [刘阳Java]_MyBatis_映射文件的select标签入门_第3讲

    1.Mybatis映射文件的<select>标签主要帮助我们完成SQL语句查询功能,<select>标签它包含了很多属性,下面简单对<select>标签的属性做一个 ...

随机推荐

  1. fetch err : "Body not allowed for GET or HEAD requests"

    在使用 fetch 的时候 报了  "Body not allowed for GET or HEAD requests" 这个错. 代码如下: 一番google , 找到答案了. ...

  2. cnblogs用户体验评价

    1. 是否提供良好的体验给用户(同时提供价值)? 博客园就相当于现在生活中处处可见的微博,所有人都在上面发表自己的一些看法,当然我们比较关注的是计算机编程方面的一些博客,大多数编程人员愿意分享自己的代 ...

  3. 使用myeclipse2014整合ss2h

    使用myeclipse2014整合ssh 新建一个webproject 创建过程中注意选择生成web.Xml   先添加struts2的能力 选择都添加过滤器的选项 Core dojo Dwr spr ...

  4. 从高版本JDK换成低版本JDK报错Unsupported major.minor version 52.0的解决方案

    从高版本JDK换成低版本JDK报错Unsupported major.minor version 52.0 java.lang.UnsupportedClassVersionError: PR/Sor ...

  5. 第一个spring冲刺团队贡献分(80分满分)

    团队贡献分(80分满分): 李泳江 24 叶煜稳 26 谢洪跃 18 周伟雄 12

  6. 【CS231N】3、Softmax分类器

    wiki百科:softmax函数的本质就是将一个K维的任意实数向量压缩(映射)成另一个K维的实数向量,其中向量中的每个元素取值都介于(0,1)之间. 一.疑问 二.知识点 1. softmax函数公式 ...

  7. 结对&团队之1715|K班取经

    声明:同学请勿抄袭,追责莫要怪我: 因为暂时闲着没事,就翻阅学长学姐的博客找找灵感,个人觉得应该还有人和我一样对软工实践未来的一大段路还很天真,包括目前的结对作业和团队组队也很迷路,于是写下这篇博客提 ...

  8. Mac OS10.10 openfire无法启动问题

    1.我用的Java版本是Version 8 Update 51,验证方法可到这个网址下去验证http://www.java.com/zh_CN/download/installed.jsp 2.ope ...

  9. profibus 的DPV0 和DPV1

    DP的功能经过扩展,一共有3个版本:DP-V0,DP-V1和DP-V2.有的用户手册将DP-V1简写为DPV1. 1.基本功能(DP-V0) (1)总线访问方法:各主站之间为令牌传送,主站与从站间为主 ...

  10. AWS上的实例无法ping通的解决方案

    首先Ping只是向服务器发送ICMP的数据包,如果在服务器的防火墙没有允许ICMP协议的数据包的话,那么即使服务器正常运行,那也是ping不同的. 对于亚马逊云服务器,首先我们要确保实例绑定的安全组允 ...