一、多行文本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. xml配置文件特殊符号的处理方法

    2017.7.19遇到问题:偶然出现“认证失败,请重新登录”的现象   在xml中英文问号“?”是可以被正常解析的,但是以下这几种符号是不能正常解析的:分别是“&”.“<”.“>” ...

  2. 使用sass与compass合并雪碧图(一)

    雪碧图就是很多张小图片合并成一张大图片,以减少HTTP请求,从而提升加载速度.有很多软件可以合并雪碧图,但通常不太容易维护,使用compass生成雪碧图应该算是非常方便的方法了,可以轻松的生成雪碧图, ...

  3. Linux下oracle启动/关闭监听(bash:lsnrctl:command not found)

    打开终端 切换帐户 # su - Oracle 启动监听 $ lsnrctl start 关闭监听 $ lsnrctl stop 切换帐户一定要加 "-" 否则会出现:   bas ...

  4. 20172321『Java程序设计』课程 结对编程练习_四则运算第二周阶段总结

    20172321『Java程序设计』课程 结对编程练习_四则运算第二周阶段总结 结对伙伴 学号 :20172324 姓名 :曾程 伙伴第一周博客地址: 对结对伙伴的评价:一个很优秀的同学,在这次项目中 ...

  5. IO文件的读取，以及写入文件内容

    package zxc; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.Fi ...

  6. 【CS231N】2、多类SVM

    一.疑问 1. assignments1 linear_svm.py文件的函数 svm_loss_naive中,使用循环的方式实现梯度计算 linear_svm.py文件的函数 svm_loss_ve ...

  7. 【动态规划】POJ-2229

    一.题目 Description Farmer John commanded his cows to search for different sets of numbers that sum to ...

  8. 复利计算测试（C语言）

    对我们和复利计算程序,写单元测试. 有哪些场景? 期待的返回值 写测试程序. 运行测试. 测试模块 测试输入 预期结果 运行结果 bug跟踪 计算终值 (本金,年限,利率) 终值     1 (100 ...

  9. Error: Unable to access jarfile D:\Apache\apache-jmeter-3.0\bin\ApacheJMete.jar

    双击jmeter.bat后,在cmd窗口显示Error: Unable to access jarfile D:\Apache\apache-jmeter-3.0\bin\ApacheJMete.ja ...

  10. API的HTTP Status Code

    响应中的状态码 状态码 定义 说明 1xx 信息 接收到请求,继续处理 2xx 成功 操作成功地收到请求,理解和接受 3xx 重定向 为了完成请求,必须采取进一步擦措施 4xx 客户端错误 请求的语法 ...