zoukankan      html  css  js  c++  java
  • HQ-day15 HTML基础②

    表单

    文本框:
    密码框:
    文本域: 隐藏域:
    提交按钮:


    鸡腿
    爆米花
    可乐

     1 </head>
     2 
     3 <body>
     4 <img src="aaa/201504171628226015.jpg" usemap="map"/>
     5 <map name="map">
     6 <area shape="circle" coords="1026,323,69" href="http://baidu.com" target="_blank"/>
     7 <area shape="rect" coords="532,38,932,158" href="http://360.com" target="_blank"/>
     8 </map><br />
     9 <div style="height:300px; 400px; border:1px #FF0000 solid">
    10 <iframe width="600px" height="300px" src="http://baidu.com/" frameborder="1"></iframe>
    11 </div><br />
    12 
    13 
    14 <form>
    15 文本框:<input type="text" value="123" disabled="disabled"/><br />
    16 密码框:<input type="password" value="***"/><br />
    17 文本域:<textarea cols="140" rows="5">
    18 </textarea>
    19 隐藏域:<input type="hidden" value="" /><br />
    20 提交按钮:<input type="submit" value="提交按钮"/>
    21 <input type="reset" value="重置"/>
    22 <input type="button" value="登陆"/>
    23 <input type="image" src="aaa/阳光.jpg" width="80"/><br />
    24 <input type="radio" name="sex" /><label></label><br />
    25 <input type="radio" name="sex"/><br />
    26 <input type="checkbox" checked="checked" disabled="disabled"/>鸡腿<br />
    27 <input type="checkbox"/>爆米花<br />
    28 <input type="checkbox"/>可乐<br />
    29 <input type="file"/><br />
    30 <select size="1">
    31 <option>可口可乐</option>
    32 <option>百事</option>
    33 <option>雪碧</option>
    34 <option selected="selected">啤酒</option>
    35 </select>
    36 <select size="4">
    37 <option>可口可乐</option>
    38 <option>百事</option>
    39 <option>雪碧</option>
    40 <option>啤酒</option>
    41 </select>
    42 
    43 
    44 </form><br />
    45 
    46 
    47 </body>

     邮箱注册页面代码

     1 <table width="500" height="600" border="0" bordercolor="#000000" background="aaa/0001.gif">
     2 <tr>
     3 <td>邮箱名</td>
     4 <td width="300"><input type="text" value=""/><br />
     5 <font size="-4"><b>请输入邮箱名,邮箱名由字母,数字,下划线组成</b></font></td>
     6 </tr>
     7 <tr>
     8 <td>登陆用户名</td>
     9 <td width="300"><input type="text" value=""/><br />
    10 <font size="-4"><b>仅在登陆时使用,不能少于4个字符</b></font></td>
    11 </tr>
    12 <tr>
    13 <td>显示名称</td>
    14 <td width="300"><input type="text" value=""/><br />
    15 <font size="-4"><b>即您的显示昵称,不能少于2个字符</b></font></td>
    16 </tr>
    17 <tr>
    18 <td>密码</td>
    19 <td width="300"><input type="password"/><br />
    20 <font size="-4"><b>不能少于8位,必须包含字母,数字和下划线</b></font></td>
    21 </tr>
    22 <tr>
    23 <td>确认密码</td>
    24 <td width="300"><input type="password"/><br />
    25 <font size="-4"><b>请再次输入密码</b></font></td>
    26 </tr>
    27 <tr>
    28 <td>性别</td>
    29 <td><select size="1"><option></option><option></option></select></td>
    30 </tr>
    31 <tr>
    32 <td>爱好</td>
    33 <td><select size="1"><option>篮球</option><option>足球</option><option>音乐</option><option>电脑</option><option>电影</option></select></td>
    34 </tr>
    35 <tr>
    36 <td colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="提交申请"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="重新填写"/></td>
    37 </tr>
    38 </table>
    39 
    40 
    41 
    42 </body>

     效果图:


  • 相关阅读:
    (转)回车 执行button点击
    (转)sp_executesql介绍和使用
    (转)SQL Server 2008将数据导出为脚本 [SQL Server]
    (转)Phonegap VS AppCan
    (转)asp.net动态设置标题title 关键字keywords 描述descrtptions
    Ubuntu Tomcat Service
    Ubuntu使用ssh方法连接不上
    Ubuntu输入su提示认证失败的解决方法
    Redis通过命令行进行配置
    linux下安装redis3.2
  • 原文地址:https://www.cnblogs.com/Itwonderful/p/5297253.html
Copyright © 2011-2022 走看看