一，<textarea>默认值<textarea>  -name属性，textarea的默认值放到中间

<select> name，内部option value，提交到后台，size, multiple

二. textarea 多行文本输入框

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <div>

    <textarea></textarea>

    </div>

</body>

</html>

运行结果：

三.默认值放到中间，name="meno" 规定文本区域的名称。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <div>

    <textarea name="meno">默认值</textarea>

    </div>

</body>

</html>

运行结果：

四. select下拉框，option表示里面的内容

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <div>

        <select>

            <option>北京</option>

            <option>上海</option>

            <option>广州</option>

        </select>

    </div>

</body>

</html>

运行结果：

五，提交表单，selected="selected" 默认值

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form>

        <div>

            <select name="city">

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

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

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

            </select>

        </div>

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

    </form>

</body>

</html>

运行结果：

六，size显示大小的作用，multiple="multiple" 可以提交多个选项。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form>

        <div>

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

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

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

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

            </select>

        </div>

        <div>

            <select>

                <optgroup label="山西省">

                    <option value="1">太原 </option>

                    <option value="2">平遥</option>

                </optgroup>

                <optgroup label="河北省">

                    <option value="1">石家庄</option>

                    <option value="2">邯郸</option>

                </optgroup>

            </select>

        </div>

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

    </form>

</body>

</html>

运行结果：

七，multiple="multiple" 多选,

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form>

        <div>

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

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

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

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

            </select>

        </div>

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

    </form>

</body>

</html>

运行结果：按住Ctrl，可以多选

八，optgroup 的使用，下列的河北省和山西省是没法在下拉框中进行选择的。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form>

        <div>

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

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

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

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

            </select>

        </div>

        <div>

            <select>

                <optgroup label="山西省">

                    <option value="1">太原 </option>

                    <option value="2">平遥</option>

                </optgroup>

                <optgroup label="河北省">

                    <option value="1">石家庄</option>

                    <option value="2">邯郸</option>

                </optgroup>

            </select>

        </div>

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

    </form>

</body>

</html>

运行结果：

html的body内标签之多行文本及下拉框的更多相关文章

  1. 5、html的body内标签之多行文本及下拉框

    一.多行文本 <textarea name="">默认值</textarea> 二.下拉框 1.单选 <select name="city& ...

  2. 微信内置浏览器中，点击下拉框出现页面乱跳转现象（iphone）

    微信内置浏览器中,点击下拉框出现页面乱跳转现象(iphone) 前言: 这是小菜博客的第三篇文章.一直认为自己可以表达的东西太过简单,难以上台面,总是吝啬地不肯写.就算是写,也不知道从何开始.在同事的 ...

  3. select标签设置只读的方法（下拉框不可选但可传值）

    1. <select id="s1" name="s1" onfocus="this.defaultIndex=this.selectedInd ...

  4. 关于java 获取 html select标签 下拉框 option 文本内容 隐藏域

    在HTML中从多选下拉框中提取已选中选项的文本内容到后台,被这个问题难倒了. demo.jsp文件 <select id="selecttype" name"typ ...

  5. selenium处理select标签的下拉框

    有时候我们会碰到<select></select>标签的下拉框.直接点击下拉框中的选项不一定可行.Selenium专门提供了Select类来处理下拉框. <select  ...

  6. 吾八哥学Selenium(四)：操作下拉框select标签的方法

    我们在做web页面自动化测试的时候会经常遇到<select></select>标签的下拉框,那么在Python里如何实现去操作这种控件呢?今天就给大家分享一下这个玩法.为了让大 ...

  7. select下拉框的探索（<option></option>标签中能嵌套使用其它标签吗）

      select标签大家应该经常用到,有个问题可能没怎么注意过, select标签里面的option标签可以嵌套其它标签吗,比如i,span标签等? 经本人测试,答案是:可以嵌套其它标签,但审查元素会 ...

  8. 前端 HTML form表单标签 select标签 option 下拉框

    <select></select> select里面通常跟option配合使用 <!DOCTYPE html> <html lang="en&quo ...

  9. Struts2 自己定义下拉框标签Tag

    自己定义标签主要包含三个步骤: 1.编写java类,继承TagSupport类. 2.创建tld文件,影射标签名和标签的java类. 3.jsp页面引入tld. 样例:自己定义下拉框标签 假设页面上有 ...

随机推荐

  1. 北京Uber优步司机奖励政策（2月17日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  2. 苏州Uber优步司机奖励政策（1月4日~1月10日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  3. iOS SSL Pinning 保护你的 API

    随着互联网的发展,网站全面 https 化已经越来越被重视,做为 App 开发人员,从一开始就让 API 都走 SSL 也是十分必要的.但是光这样就足够了吗? SSL 可以保护线上 API 数据不被篡 ...

  4. 网易云易盾与A10 Networks达成战略合作 携手打造抗DDoS攻击的解决方案

    欢迎访问网易云社区,了解更多网易技术产品运营经验. 2018年9月,网易云易盾宣布,与智能和自动化网络安全解决方案提供商A10 Networks结成战略合作伙伴关系.双方将在抗DDoS攻击领域展开深入 ...

  5. Mybatis JPA 插件简介

    前段时间了解到Spring JPA,感觉挺好用,但其依赖于Hibernate,本人看到Hibernate就头大(不是说Hibernate不好哈,而是进阶太难),于是做了一个迷你版的Mybatis JP ...

  6. 【转】unity3d 资源文件从MAX或者MAYA中导出的注意事项

    转自游戏开发主席   1.首先,Unity3d 中,导出带动画的资源有2种导出方式可以选择:    1) 导出资源时,只导出一个文件,保留模型,骨骼和所有的动作帧(把所有的动作,比如idle,atta ...

  7. 【Linux 运维】 Centos7.x 系统修复模式

    一.linux的运行级别: 运行级别就是来确定系统启动时到底启动那个服务. linux默认有7个运行级别: 0 关机 1 单用户模式,用于系统修复 2 不完全的命令模式,不含NFS服务 3 完全的命令 ...

  8. 【机器学习】线性回归python实现

    线性回归原理介绍 线性回归python实现 线性回归sklearn实现 这里使用python实现线性回归,没有使用sklearn等机器学习框架,目的是帮助理解算法的原理. 写了三个例子,分别是单变量的 ...

  9. c# html 导出excel

    [CustomAuthorize]        public FileResult ExportCustomerManagerVisitExcel(string dateType, string r ...

  10. Alpha冲刺——第三天

    Alpha第三天 听说 031502543 周龙荣(队长) 031502615 李家鹏 031502632 伍晨薇 031502637 张柽 031502639 郑秦 1.前言 任务分配是VV.ZQ. ...