一，<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优步司机奖励政策（1月11日~1月17日）

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

  2. jmeter属性设置

    使用${__setProperty(newuserid,1,)}函数对属性进行设置 2.使用${__P(userid)}函数在其他线程组中引用该属性 备注: 1.JMeter属性在测试脚本的任何地方都 ...

  3. Spring 配置String转Date

    操作步骤: 1. 实现 org.springframework.core.convert.converter.Converter 接口 2. 配置 org.springframework.contex ...

  4. fizzbuzz Python很有意思的解法

    写一个程序,打印数字1到100,3的倍数打印“Fizz”来替换这个数,5的倍数打印“Buzz”,对于既是3的倍数又是5的倍数的数字打印“FizzBuzz” 题目不难,解起来容易,用for循环做if,e ...

  5. [Clr via C#读书笔记]Cp19可空值类型

    Cp19可空值类型 主要解决的是和数据库中null对应的问题: System.Nullable结构:值类型: int?语法: 可空实例能够使用操作符: C#空合并操作符??; 即可用于引用类型,也可以 ...

  6. 关于mysql开元数据库的几个随想

    现在已经是凌晨了,昨天晚上写了我人生中的第一篇笔记,觉得没什么可写的,写了一个多小时都没写出什么,现在突然想写点东西了,这是一个比较有趣的问题,前两个月换了新工作,记得当初面试这份工作的时候面试到第三 ...

  7. LiveVideoStack Meet|深圳 多媒体开发新趋势

    2018年初始,音视频技术生态并不平静,Codec争夺愈加激烈,新一代标准的挑战一浪高过一浪:WebRTC的定版也为打通浏览器.移动端乃至IoT带来了机会:此外AI.区块链技术的兴起,催化着与多媒体领 ...

  8. Python3 Tkinter-Scrollbar

    1.创建 from tkinter import * root=Tk() Scrollbar(root).pack() root.mainloop() 2.设置silder的位置 from tkint ...

  9. Java学习个人备忘录之线程间的通信

    线程间通讯多个线程在处理同一资源,但是任务却不同. class Resource { String name; String sex; } //输入 class Input implements Ru ...

  10. 算法与数据结构5.2 Bubble Sort

    ★实验任务 给定一个 1~N 的排列 P,即 1 到 N 中的每个数在 P 都只出现一次. 现在要 对排列 P 进行冒泡排序,代码如下: for (int i = 1; i <= N; ++i) ...