HTML5(二)
来源:互联网 发布:数学题在线解答软件 编辑:程序博客网 时间:2024/06/05 08:03
接着昨天的写:
HTML5里还有几个重要的标签,分别是:
<form></form>,<select></select>,<div></div>,<table></table>,<ul></ul>,<ol></ol>,<input></input>等,
接下的分享中还有加入其他标签。
1.<form></form>和<input></input>一起使用的比较多,
(1)<form>页面从用户获得数据的唯一手段,例如:
<form action=”url” method = “post”>
姓名:<inout type=”text”/>
密码:<inout type=”password”/>
<input type=”submit” value=”提交”/>
</form>
上面的这是最简单的一个提交,当然还有ajax,js等提交方式,后面再讲。
(2)<input>这个标签形式很多,多用于页面的各种注册,等。可以说是收集信息的。
例如:<input type=”radio” name=”name” value=”1” />男
<input type=”radio” name=”name” value=”2”/>女
上面这两行代码是单选按钮,之所以可以单选是因为name起的名字相同。
<input type=”checked checked=”checked“name=”name”” />复选框,并默认选中
<input type=”email”/>等。这个可以自己去3c网站看。
(3)<select>这是下拉按钮。没啥讲的给个案例:
<select>
<optgrouplabel="权限选择"> //标签自定义选项
//为了更好让用户使用
<option>自己可见</option>
<option>所有人可见</option>
<option>好友可见</option>
<option>坏人不能见</option>
</optgroup>
</select>
(4)<div>是一个块级元素,他的作用就是用来布局,
Div的使用很多,也有很多属性,其实可以让块元素变行内元素的属性使用例如:<div style=“dispel=inline”></div>disple还有其他的设置这个可以自己试试。
(5)<ul>是无序列表和<li>标签一起使用:
<ul> type="disc">//type里的disc是li标签前面的点,或是方块,或是空心点。
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
</ul>
相对应的是有序列表<ol>:
<oltype="A">//这是选择用是排序,阿拉伯数字,罗马数字等,
//也可以设置排序的起始数字用start属性
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
<li>pingguo </li>
</ol>
今天总结:html的属性没有学会的,感觉只要你知道有这个属性你就能用,多用就会了,也不用都记住常用的记住就行,不会了就看api。加油吧。明天继续…
- HTML5(二)
- HTML5(二)
- HTML5 Canvas 基础 二
- html5学习笔记二
- HTML5学习笔记二
- HTML5学习笔记二
- HTML5读书笔记(二)
- HTML5+CSS3(二)
- html5 文件系统(二)
- HTML5 基础知识(二)
- HTML5 零二
- html5+css3(二)
- HTML5本地数据库(二)
- HTML5学习(二)
- HTML5学习(二)---音频
- HTML5标签二
- HTML5简介(二)
- HTML5学习笔记(二)
- Android studio 如何查看 library 间的依赖关系
- 移动端抓包、手机抓包工具Charles使用方法
- 接口和抽象类有什么区别
- 实训--day09记一次糟糕的面试
- C. Success Rate (codeforces)
- HTML5(二)
- Linux 防火墙开启端口
- 程序员面试金典:双栈排序、猫狗收容所
- starting tomcat v7.0 server at localhost has encountered a problem.....错误解法方法
- ORA-01795异常(where in超过1000)的解决
- * 24种设计模式——命令模式
- java冒泡排序算法
- 讨论构造拷贝构造函数的N种调用情况
- 泛型在JAVA中的应用