<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--输入框 input-->
    <!--value可以不写,默认取输入框里写好的值传给后端 {'username':'jd'}-->
    <!--<input type="text" name="username" value="" placeholder="请输入用户名">-->
    <!--<input type="password" name="passwd">-->

    <!--多选框 checkbox 默认勾选 -->
    <!--<input type="checkbox" name="" checked="checked">-->

    <!--radio name字段 相同时,单选框互斥-->
    <!--<div>-->
        <!--<span>男</span><input type="radio" name="sex">-->
    <!--</div>-->
    <!--<div>-->
        <!--<span>女</span><input type="radio" name="sex">-->
    <!--</div>-->

    <!--form表单提交会刷新页面 ajax不会刷新页面-->
    <!--<form action="1.html" method="post">-->
        <!--<input type="text" value="已经被重置了">-->
        <!--&lt;!&ndash;无任何外加操作&ndash;&gt;-->
        <!--<input type="button" value="增加">-->
        <!--&lt;!&ndash;与form表单连用,会提交form表单中的数据&ndash;&gt;-->
        <!--<input type="submit" value="提交">-->
        <!--<input type="reset">-->
    <!--</form>-->

    <!--label 与 input 连用 通过for属性 映射到input的id属性 -->
    <!--<label for="i1">用户名:</label>-->
    <!--&lt;!&ndash;id属性是选择器&ndash;&gt;-->
    <!--<input id="i1" placeholder="请输入用户名" name="username" type="text">-->

    <!--多行文本-->
    <!--<textarea name="content">这是textarea的内容</textarea>-->

    <!--multiple多选-->
    <!--selected="selected" 默认选择河北-->
    <!--<select name="city" size="2" multiple="multiple">-->
        <!--<option value="1">黑龙江</option>-->
        <!--<option value="2" selected="selected">河北</option>-->
        <!--<option value="3">河南</option>-->
    <!--</select>-->

    <!--<select>-->
        <!--<optgroup label="黑龙江">-->
            <!--<option>牡丹江</option>-->
            <!--<option>哈尔滨</option>-->
            <!--<option>鸡西</option>-->
        <!--</optgroup>-->

        <!--<optgroup label="河北">-->
            <!--<option>保定</option>-->
            <!--<option>石家庄</option>-->
            <!--<option>涞水</option>-->
        <!--</optgroup>-->
    <!--</select>-->

    <!--a标签-->
    <!--target="_blank" 新建标签页打开-->
    <!--style="text-decoration: none" 去掉下划线-->
    <!--<a href="http://www.imdsx.cn" target="_blank" style="text-decoration: none">大师兄博客</a>-->

    <!--alt属性代表当图片加载失败,所展示的文案-->
    <!--title="logo" 鼠标悬浮的LOGO-->    <!--<img src="a1.jpg" alt="这是a图片" title="logo" >-->    <!--列表标签-->    <!--<ul>-->        <!--<li>用例名称</li>-->        <!--<li>用例方法</li>-->        <!--<li>返回参数</li>-->    <!--</ul>-->    <!--数字列表 -->    <!--<ol>-->        <!--<li>用例名称</li>-->        <!--<li>用例方法</li>-->        <!--<li>返回参数</li>-->    <!--</ol>-->    <dl>        <dt>黑龙江</dt>        <dd>牡丹江</dd>    </dl>    <dl>        <dt>北京</dt>        <dd>顺义</dd>        <dd>朝阳</dd>        <dd>丰台</dd>    </dl></body></html>

input-form-select-a-img-ul-dl标签的更多相关文章

  1. HTML:form表单总结，input，select，option，textarea，label

    <form>标签是块级元素. form标签的标准属性有id,class,style,title,lang,xml:lang. 表单能够包含input元素(包含button,checkbox ...

  2. ol,ul,dl,table标签的基本语法

    ol,ul,dl,table标签的基本语法 有序列表: 无序列表:                                  自定义列表: <ol> <ul> < ...

  3. input/radio/select等标签的值获取和赋值

    input/radio/select等标签的值获取和赋值,这几个是使用率最高的几个标签,获取值和赋值以及初始化自动填充数据和选择: 页面html: <div class=" " ...

  4. form:select form:options 标签数据回显

    在jsp页面中经常会使用到 form:select form:options 遍历后台List集合生成 select 下拉选择器,但是 form:options 标签并没有提供一个可以回显数据的属性. ...

  5. 在页面中添加两个 ＜select＞ 标签，用来显示年份和月份；同时添加两个 ＜ul＞ 标签，一个用来显示星期，另一个用来显示日期 在 JavaScript 脚本中动态添加年份和月份，获取当前日期的年份

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 Date 对象,在页面上显示一个万年历.选择不同的年份和月份,在页面中显示当前月的日历 实现思路: 在页面中添加两个 <s ...

  6. 关于<form:select>

    今天写基于SSM框架的程序,用到了<form:select>.由于一开始遇到了问题,所以在这里加以记录,供以后查看. 直接看jsp页面的代码 <%@ page language=&q ...

  7. <form:select>的使用

    最近在学习springMVC,用到了<form:select>标签,使用发过程中遇到了些问题,现在记录下,以防忘记. 我jsp页面是这样的: <%@ page language=&q ...

  8. input、select等表单元素的对齐问题

    今天在写页面时,发现了一个问题,当INPUT.SELECT及用图片做的button放在一起(并排放一起)时,没法子对齐,自己以不愿再加其他代码.也不愿使用JS来实现图片button的效果,试好半天,发 ...

  9. ie浏览器下input和select的上下居中问题！！！！

    在Google浏览器下的input和select标签里面的文字是根据它的高度自适应上下居中的,而ie浏览器下的input和select里面的文字就不会根据高度自适应上下居中,跟大家分享一下我的解决方法 ...

  10. DD DT DL标签

    我们平时常用的是< ul>< li>标签,不过dd.dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版. < dl>< /dl>& ...

随机推荐

  1. [BZOJ2654]tree(二分+Kruskal)

    2654: tree Time Limit: 30 Sec  Memory Limit: 512 MBSubmit: 2733  Solved: 1124[Submit][Status][Discus ...

  2. 2017 icpc 沈阳网络赛

    cable cable cable Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others ...

  3. Gym 101128F Sheldon Numbers（网络流）

    [题目链接] http://codeforces.com/gym/101128/attachments [题目大意] 给出一张地图,分为高地和低地,高低地的交界线上划有红线, 现在要开小车跨过每条红线 ...

  4. [xsy2123]毛毛虫

    题意:有一棵带点权的树,链修改是把$(x,y)$这条链和与其相邻的节点都加上一个数,查询是问$(x,y)$这条链和与其相邻的节点的权值和 学到了一个新姿势? 考虑树链剖分,在剖重链时每次给当前节点的儿 ...

  5. 【模拟退火】Petrozavodsk Winter Training Camp 2017 Day 1: Jagiellonian U Contest, Monday, January 30, 2017 Problem F. Factory

    让你在平面上取一个点,使得其到给定的所有点的距离和最小. 就是“费马点”. 模拟退火……日后学习一下,这是从网上扒的,先存下. #include<iostream> #include< ...

  6. Vue实例与渲染

    1 Vue框架 1.1 vue与jQuery区别 jQuery仍然是操作DOM的思想,jQuery主要用来写页面特效 Vue是前端框架(MVVM),对项目进行分层.处理数据 1.2 前端框架 angu ...

  7. [转] hibernate Mysql 自增长 注解配置，表无关联的注解方式关联查询

    不同数据库 自增长ID配置 正对不同的数据库可以同时使用         @Id         @GeneratedValue(strategy = GenerationType.AUTO) 2 针 ...

  8. <摘录>cocos2d-x 从环境搭建到win32项目移植android平台

    软件:cocos2d-x-2.2.3:android-ndk-r9d:adt-bundle-windows-x86_64-20131030:python-2.7.6: 1安装配置python 安装没什 ...

  9. 高并发环境下，Redisson实现redis分布式锁

    原文:http://tlzl0526-gmail-com.iteye.com/blog/2378853 在一些高并发的场景中,比如秒杀,抢票,抢购这些场景,都存在对核心资源,商品库存的争夺,控制不好, ...

  10. laravel的 array 函数

    代码如下:  routes.php文件 // 获⃣取⃣数⃣组⃣的⃣第⃣一⃣个⃣ Route::get('/helper', function () { $arr = [1, 2, 4]; return ...