1. <!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">-->
  2.  
  3. <!--多选框 checkbox 默认勾选 -->
    <!--<input type="checkbox" name="" checked="checked">-->
  4.  
  5. <!--radio name字段 相同时,单选框互斥-->
    <!--<div>-->
    <!--<span>男</span><input type="radio" name="sex">-->
    <!--</div>-->
    <!--<div>-->
    <!--<span>女</span><input type="radio" name="sex">-->
    <!--</div>-->
  6.  
  7. <!--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>-->
  8.  
  9. <!--label 与 input 连用 通过for属性 映射到input的id属性 -->
    <!--<label for="i1">用户名:</label>-->
    <!--&lt;!&ndash;id属性是选择器&ndash;&gt;-->
    <!--<input id="i1" placeholder="请输入用户名" name="username" type="text">-->
  10.  
  11. <!--多行文本-->
    <!--<textarea name="content">这是textarea的内容</textarea>-->
  12.  
  13. <!--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>-->
  14.  
  15. <!--<select>-->
    <!--<optgroup label="黑龙江">-->
    <!--<option>牡丹江</option>-->
    <!--<option>哈尔滨</option>-->
    <!--<option>鸡西</option>-->
    <!--</optgroup>-->
  16.  
  17. <!--<optgroup label="河北">-->
    <!--<option>保定</option>-->
    <!--<option>石家庄</option>-->
    <!--<option>涞水</option>-->
    <!--</optgroup>-->
    <!--</select>-->
  18.  
  19. <!--a标签-->
    <!--target="_blank" 新建标签页打开-->
    <!--style="text-decoration: none" 去掉下划线-->
    <!--<a href="http://www.imdsx.cn" target="_blank" style="text-decoration: none">大师兄博客</a>-->
  20.  
  21. <!--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. 【NTT】hdu1402 A * B Problem Plus

    r·2^k+1 r k g 3 1 1 2 5 1 2 2 17 1 4 3 97 3 5 5 193 3 6 5 257 1 8 3 7681 15 9 17 12289 3 12 11 40961 ...

  2. Table 'hd_online' is marked as crashed and should be repaired索引损坏

    myisam 引擎表的索引损坏,解决方法 找到mysql的安装目录的/usr/local/mysql/bin/myisamchk工具,在命令行中输入: myisamchk -c -r /data/db ...

  3. [转]Spring Security 可动态授权RBAC权限模块实践

    RBAC:基于角色的访问控制(Role-Based Access Control) 先在web.xml 中配置一个过滤器(必须在Struts的过滤器之前) <filter> <fil ...

  4. http-server 超轻量级web服务器

    有的时候做前端,想要运行一些代码,但是又没有必要使用tomcat或者Apache http server,这个时候一个轻量级的简单的http server就可以搞定了. Http-server是基于n ...

  5. Unity3d通用工具类之解压缩文件

    今天,我们来写写c#是如何通过代码解压缩文件的. 在游戏的项目中呢,常常我们需要运用到解压缩的技术.比如,当游戏需要更新的时候,我们会从服务器中下载更新的压缩文件包. 这时候我们就需要解压文件,然后覆 ...

  6. java POI实现Excel单元格数据换行

    当我们通过POI设置了表格的列宽的时候,如果文字过长,希望文字能够自己折行显示. 截取代码如下: Workbook wb = new XSSFWorkbook(); //or new HSSFWork ...

  7. 关于如何避免Android中Bitmap引起的OutOfMemoryError

    在Android中处理大图片不是一件很随意的事情,因为通常我们使用的是内置的BitmapFactory解码图片的,而BitmapFactory往往会因为图片过大而遇到OutOfMemoryError的 ...

  8. lykchat信息发送系统

    lykchat信息发送系统是Python3开发的,通过模拟微信网页端,基于个人微信号,为系统管理人员提供信息发送工具. 实现的功能有用户登录管理.微信登陆管理和微信信息发送功能. 代码地址:https ...

  9. iOS:在使用Cocoapods安装shareSDK时出现的link路径错误

    CocoaPods 错误 target overrides the `OTHER_LDFLAGS`... Xcode 升级到 6.0 后,更新 CocoaPods,出现了如下的警告 [!] The ` ...

  10. python对于0x01的处理

    对于python脚本,可以使用: .replace('\x01', '') 对于vim工具,可以使用: :%s/\%x01/ /g