写过的HTML标签（二）
2018-06-24 00:36:41来源：未知 阅读 ()
HTML 表单 表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
关于表单的一些类型，在下面代码可以体现一部分：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>桩子</title> 6 </head> 7 <body> 8 9 <form> 10 <!--带上边框--> 11 <fieldset> 12 <legend>桩子出品，必属精品</legend> 13 14 <!--文本域--> 15 <h4>账号</h4><!--不推荐这样为了加粗而使用标题标签--> 16 姓名 : <input type="text"><br><br> 17 邮箱 ：<input type="text"><sup>可用于登录账号</sup><br> 18 19 <!--密码字段--> 20 <p><b>密码</b></p> 21 密码 : <input type="password"><small>不少于6位可用数字、字母、下划线</small><br> 22 23 <!--单选按钮--> 24 <p><strong>性别</strong></p><!--<strong>跟<b>的区别在于呈现的文本是重要的--> 25 <input type="radio" name="sex" value="male">男 26 <input type="radio" name="sex" value="female">女<br> 27 28 <!--复选框--> 29 <p><i><b>喜欢什么水果</b></i></p> 30 <div style="color:red"> 31 <input type="checkbox">苹果 32 <input type="checkbox">香蕉 33 <input type="checkbox">橘子<br> 34 </div> 35 36 <!--下拉列表--> 37 <br> 38 <b>什么学历：</b> 39 <select> 40 <option value="请选择">请选择</option> 41 <option>小学</option> 42 <option value="中学">中学</option> 43 <option value="大专">大专</option> 44 <option value="本科">本科</option> 45 </select> 46 <br> 47 48 49 <!--预选下拉列表--> 50 51 <p><b>所在地：</b> 52 <select> 53 <option value="海淀区">海淀区</option> 54 <option value="昌平区">昌平区</option> 55 <option value="朝阳区" selected>朝阳区</option> 56 <option value="石景山区">石景山区</option> 57 </select> 58 </p> 59 <!--提交按钮--> 60 61 <pre> <sub>如有账号请</sub> <input type="submit" value="登录"> <input type="submit" value="注册"></pre> 62 63 <!--边框结束标签--> 64 </fieldset> 65 </form> 66 67 </body> 68 </html>
下图为上面代码的效果图：
如果想输入的文本内容多行，就要用到文本域textarea rows和cols属性控制输入框文本的行数和列数
1 <textarea rows="7" cols="40"> 2 coding是枯燥的，没事给自己一点乐子，写写微博 3 </textarea>
与下拉列表写法差不多的还有一个选择列表
1 <select size="3" name="sales"> 2 <option value="Millions, for sure." selected="selected">这个是滚动列表</option> 3 <option value="100000+(would be favorite)">跟下拉列表的差距就是</option> 4 <option value="will download it for free">size属性的值</option> 5 <option value="will download it for free"> sadad789</option> 6 </select>
注：跟下拉列表的写法差不多，只是注意size属性就好了。
HTML 框架 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
跟上面两个实例的外观相似，可是内容却是内嵌的一个页面。
1 <iframe src="http://www.cnblogs.com/" width="500" height="200" frameborder="1"> 2 </iframe>
（注：frameborder边框属性大于等于1为有边框，小于1没有边框）
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
