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>

     效果图:


  • 相关阅读:
    初认识AngularJS
    (imcomplete) UVa 10127 Ones
    UVa 10061 How many zero's and how many digits?
    UVa 11728 Alternate Task
    UVa 11490 Just Another Problem
    UVa 10673 Play with Floor and Ceil
    JSON对象和字符串的收发(JS客户端用typeof()进行判断非常重要)
    HTML.ActionLink 和 Url.Action 的区别
    EASYUI TREE得到当前节点数据的GETDATA方法
    jqueery easyui tree把已选中的节点数据拼成json或者数组(非常重要)
  • 原文地址:https://www.cnblogs.com/Itwonderful/p/5297253.html
Copyright © 2011-2022 走看看