H5 表单标签

33-表单标签3

列表数据

注意点:
1.下拉列表不能输入内容, 但是可以直接在列表中选择内容
2.可以通过给option标签添加一个selected属性来指定列表的默认值
3.可以通过给option标签包裹一层optgroup标签来给下拉列表中的数据分类

2.textarea标签
作用: 定义一个多行输入框

格式:

注意点:
1.默认情况下输入框可以无限换行
2.默认情况下输入框有自己的宽度和高度
3.可以通过cols和rows来指定输入框的宽度和高度, 但是虽然指定了列数和行数, 但是还是可以无限往下输入
4.默认情况下输入框是可以手动拉伸的
-->

朝阳区
昌平区
通州区

天河区
越秀区
黄浦区

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>33-表单标签3</title>

    <style type="text/css">

        textarea{

            resize: none;

        }

    </style>

</head>

<body>

<!--

1.select标签

作用: 用于定义下拉列表

格式:

<select>

    <optgroup label="分组名称">

        <option>列表数据</option>

    </optgroup>

</select>

注意点:

1.下拉列表不能输入内容, 但是可以直接在列表中选择内容

2.可以通过给option标签添加一个selected属性来指定列表的默认值

3.可以通过给option标签包裹一层optgroup标签来给下拉列表中的数据分类

2.textarea标签

作用: 定义一个多行输入框

格式:

<textarea>

</textarea>

注意点:

1.默认情况下输入框可以无限换行

2.默认情况下输入框有自己的宽度和高度

3.可以通过cols和rows来指定输入框的宽度和高度, 但是虽然指定了列数和行数, 但是还是可以无限往下输入

4.默认情况下输入框是可以手动拉伸的

-->

<!--<select>-->

    <!--<option>北京</option>-->

    <!--<option>上海</option>-->

    <!--<option>广州</option>-->

    <!--<option>广西</option>-->

    <!--<option selected="selected">武汉</option>-->

<!--</select>-->

<select>

    <optgroup label="北京">

        <option>朝阳区</option>

        <option>昌平区</option>

        <option>通州区</option>

    </optgroup>

    <optgroup label="广州">

        <option>天河区</option>

        <option>越秀区</option>

        <option>黄浦区</option>

    </optgroup>

</select>

<hr>

<textarea cols="20" rows="5">

</textarea>

</body>

</html>

H5 表单标签的更多相关文章

22----2013.06.29---HTML--html介绍.超链接和图片,表格,表单,表单标签,meta,复习当天内容
01 HTML HTML :Hypertext Markup Language 超文本标记语言(类似于裸奔的人.) 作用:向用户展示信息. CSS: Cascading 层叠样式表(类似于人的 ...
HTML的表格标签，列表标签，表单标签，HTML5有哪些新特性
欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...
SpringMVC 表单标签 & 处理静态资源
使用 Spring 的表单标签通过 SpringMVC 的表单标签可以实现将模型数据中的属性和 HTML 表单元素相绑定,以实现表单数据更便捷编辑和表单值的回显. form 标签一般情况下,通过 ...
SpringMVC学习系列（11）之表单标签
本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. 一.首先我们先做一个简单了例子来对Spring MV ...
(转载)SPRINGMVC表单标签简介
SpringMVC表单标签简介在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍Spri ...
第五节：表单标签的用法——value绑定和修饰符
1.表单标签的用法--value绑定和修饰符 value绑定的写法:v-bind:value 或者简写 :value 修饰符: lazy , Number , trim . 用法如: v-model ...
第四节：Vue表单标签和组件的基本用法，父子组件间的通信
vue表单标签和组件的基本用法,父子组件间的通信,直接看例子吧. <!DOCTYPE html> <html> <head> <meta charset=&q ...
SpringMVC 表单标签
引入标签库 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" ...
SpringMVC表单标签简介
在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需 ...

随机推荐

JAVA多线程的问题以及处理（二）【转】
使用互斥解决多线程问题是一种简单有效的解决办法,但是由于该方法比较简单,所以只能解决一些基本的问题,对于复杂的问题就无法解决了. 解决多线程问题的另外一种思路是同步.同步是另外一种解决问题的思路,结 ...
C#-委托（十七）
概述委托(Delegate) 是存有对某个方法的引用的一种引用类型变量委托特别用于实现事件和回调方法.所有的委托都派生自 System.Delegate 类委托是一个类,么它就可以被定义在任何地 ...
Java中数组、List、Set互相转换
数组转List String[] staffs = new String[]{"Tom", "Bob", "Jane"}; List sta ...
LeetCode算法题-Range Sum Query Immutable（Java实现）
这是悦乐书的第204次更新,第214篇原创 01 看题和准备今天介绍的是LeetCode算法题中Easy级别的第70题(顺位题号是303).给定整数数组nums,找到索引i和j(i≤j)之间的元素之 ...
LeetCode算法题-Contains Duplicate（Java实现）
这是悦乐书的第192次更新,第196篇原创 01 看题和准备今天介绍的是LeetCode算法题中Easy级别的第52题(顺位题号是217).给定一个整数数组,查找数组是否包含任何重复项.如果数组中至 ...
（转）Geoserver基础配图研究
https://blog.csdn.net/zbcx_ZGIS/article/details/82216151 1面图层配图 1.1基本框架这个是geoserver默认的polygon的代码,我们 ...
JavaScript在网页中使用以及注意事项
<script>标签的解析<script>xxx</script>这组标签,是用于在 html 页面中插入 js 的主要方法.它主要有以下几个属性:charset: ...
概率期望dp
对于概率dp,我一直都弄得不是特别明白,虽然以前也有为了考试去突击过,但是终究还是掌握得不是很好,所以决定再去学习一遍,把重要的东西记录下来. 1.hdu4405 Description 在一个 \( ...
Mysql 关键字的优先级分组多表联查
查看模式 select @@global.sql_mode; 关键字的优先级 from 来自 where 条件 group by 分组 having 筛选 select 查询 distinct 去重 ...
FinalShell安装
Mac版安装路径/Applications/finalshelldata Linux版安装路径/usr/lib/finalshelldata 注意:1.FinalShell运行需要java或者jdk支 ...

H5 表单标签

H5 表单标签的更多相关文章

随机推荐

热门专题