一、多行文本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. VS code MacOS 环境搭建

    环境:MacBook Pro 参考博客 为了动手开发AI代码,我需要安装一个VS code. 开始我以为是安装visual studio呢.我装过visual studio2017. VS code是 ...

  2. Daily Scrum 11.19 部分测试报告

    下面是我们的部分测试报告: 功能测试部分: 1Exception in thread "Thread-11" java.lang.IllegalArgumentException: ...

  3. 预备作业02 : 体会做中学（Learning By Doing)

    1.你有什么技能比大多人(超过班级90%以上)更好? 我认为我是一个比较爱摄影和绘画的人,虽然说说不上技术精湛,但还是能拿出手的. 2.针对这个技能的获取你有什么成功的经验? 接触摄影和绘画都是因为喜 ...

  4. Java文件写入时是否覆盖

    这个是和服务器读数据结合着来的,是向服务器文件写数据,这就碰到了是否覆盖以前写的数据的问题,看FileWriter();的参数后面的参数名叫append,用词典查是附加的意思,灵机一动,改成false ...

  5. C++自学及C的补缺

    我这个寒假可以坐在电脑前的时间算是比较少的,因为我放假不久后就去打工了,而打工的时间是很流动的,所以我无法固定时间来学习,因此我只能根据我的打工时间来安排我的学习. 由于我的书是除夕前夕淘宝的,近期是 ...

  6. Myeclipse(2014)项目的注释乱码

    (之前都是在项目右键 propertits----resource---text file encoding 里面改成UTF-8的 下面是以后都直接换) window->preference-& ...

  7. exFAT移动硬盘写保护怎么去掉

    cmd命令提示符下运行chkdsk命令: 比如在E盘,则输入的命令如下: E:(冒号不可少,输入后回车) CHKDSK /F /X  (回车) 等命令执行完了,即可去掉exFAT移动硬盘写的保护.

  8. 将博客搬至CSDN和和自己的网站

    将博客同步一份到CSDN去, CSDN博客地址:https://blog.csdn.net/klkfl ---------------- 分割线 2018-10-7 自己用typecho 搭建了一个博 ...

  9. dedecms 织梦本地调试 后台反映非常慢的处理办法

    最近需要做几个企业站,所以呢,考虑了一下,没有用phpcms,而选择了 织梦.毕竟么,织梦用来做企业站还是比较合适的.好了,进正题: 在本地调试的时候,会非常的卡顿.调试的方法如下: 安装目录/dat ...

  10. maven依赖jar包时版本冲突的解决

    https://blog.csdn.net/sinat_39789638/article/details/78005945 共有四种解决方式: 1.第一声明优先原则: 在pom.xml配置文件中,如果 ...