码迷,mamicode.com
首页 > Web开发 > 详细

HQ-day15 HTML基础②

时间:2016-03-20 11:47:18      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

表单 技术分享

 

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


鸡腿
爆米花
可乐

 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; width: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>

 效果图:技术分享


HQ-day15 HTML基础②

标签:

原文地址:http://www.cnblogs.com/Itwonderful/p/5297253.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!