设为首页 加入收藏

TOP

html开发基础(二)
2017-10-13 10:50:25 】 浏览:4051
Tags:html 开发 基础
/button/submit/file"
name='xx' /> Checkbox 复选框 radio 单选框 在单选框中,如果需要互斥的属性,需要将name设置为同一个 text 文本框 password  密码框 button 按钮 submit 提交按钮 会提交数据 file 上传文件 提交文件时: enctype='multipart/form-data' method='POST'
多行输入的文本框
<
textarea>asdjoifjwe</textarea>
<form action='后台url' method='POST'>
                NAME:<input name='username' type='txt'/>
                <br/>
                pwd:<input  name='paswd' type='password'/>    
                <input type='button' onclick='alert(123) 'value='提交'/>
                <input type='submit' value='提交'/>
</form>

name主要就是为了让后台获取值
只要我的光标到了这一行会自动定位到文本框里面
<
label for='name2'>姓名:<input id='name2' type='txt'/></label>
三种列表样式 
 <
ul> <li>ul.li</li> <li>ul.li</li> <li>ul.li</li>

  </ul>   <ol> <li>ul.li</li> <li>ul.li</li> <li>ul.li</li>   </ol>   <dl> <dt>江苏</dt> <dd>南通</dd> <dd>苏州</dd> <dt>北京</dt> <dd>北京</dd>   </dl>

表格

    <table>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td>2</td>
                <td>3</td>
            </tr>
    </table>    
    <table border='1'> border标签
            <tr>
                <th>1</th>  标题th
                <th>2</th>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td>2</td>
                <td>3</td>
            </tr>
        </table>    

colspan='2'合并行
rowspan='2'合并列

 

样式
<
fieldset> <legend>登录</legend> <p>用户名:</p> <p>密码:</p> </fieldset>

 实例:

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta http-equiv=“content-type” content=“text/html;charset=utf-8”>
  5         <title>页面一</title>
  6     </head>
  7     
  8     <body>
  9         
 10         <h1>哈哈</h1>
 11         <div>&lt;div&gt;</div>
 12         <div>bill</div>
 13         <div>bill</div>
 14         <span>shaobing</span>
 15         <span>shaobing</span>
 16         <p>ninini &nbsp; nnnnnnmn</p>
 17         <p>fsdfwejoifjsdafwen <br/>fsdfewf wefsadf</p>
 18         <a href='http://www.baidu.com' target='_blank'>bill</a>
 19         
 20         目录:
 21         <div>
 22             <a href='#id1'>第一章</a>
 23             <a href='#id2'>第二章</a>
 24             <a href='#id3'>第三章</a>
 25         </div>
 26         内容:
 27         <div id='id1'>第一章内容</div>
 28         <div id='id2' style='height:1000px;background-color:red'>第二章内容</div>
 29         <div id='id3'>第三章内容</div>
 30         
 31         
 32         <select>
 33          <option value='1'>上海</option>
 34          <option value='2'>北京</option>
 35          <option value='3' selected='selected'>广州</option>
 36         </select>
 37         
 38         
 39         
 40         <select>
 41                 <optgroup label='河北省'>
 42                     <option>石家庄</option>
 43                     <option>邯郸</option>
 44                 </optgroup>
 45                 <optgroup label='山西省'>
 46                     <option>太原</option>
 47                     <option>平遥</option>
 48                 </optgroup>
 49         </select>
 50         
 51         <input type='text'/>
 52         <input type='password'/>
 53         
 54         <input
首页 上一页 1 2 3 下一页 尾页 2/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇JavaScript笔记(第一章,第二章) 下一篇读 Zepto 源码之集合元素查找

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目