HTML5(二)

接着昨天的写：

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。加油吧。明天继续…