HTML第二课

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
    </head>
    
    <body>
    	<form method="get" action="http://www.baidu.com">
        	<table border="1px">
            	<tr>
                	<td>登录名</td>
                    <td>
                    	<input type="text" name="userid" value="" placeholder="ID"/>
                    </td>
                </tr>
                <tr>
                	<td>密码</td>
                    <td>
                    	<input type="password" name="pwd" value="" required/>
                    </td>
                </tr>
                <tr>
                	<td>
                    	性别:
                    </td>
                    <td>
                    	<input  id="r1" type="radio" name="ra" value="1"/>
                        <label for="r1">男</label>
                        <input id="r2" type="radio" name="ra" value="0"/>
                        <label for="r2">女</label>
                    </td>
                </tr>
                <tr>
                	<td>爱好:</td>
                    <td>
                    	<select name="se">
                        	<option value="0">购物</option>
                            <option value="1" selected>上网</option>
                            <option value="2">上网购物</option>
                        </select>
                    </td>
                </tr>
                <tr>
                	<td>了解途径</td>
                    <td>
                    	<input id="cb1" type="checkbox" name="cb1" value="a" checked disabled hidden="hidden"/>
                        <label for="cb1">朋友</label>
                        <input id="cb2" type="checkbox" name="cb2" value="b"/>
                        <label for="cb2">基友</label>
                    </td>
                </tr>
                <tr>
                	<td colspan="2">
                    	<input type="submit" value="提交"/>
                        <input type="reset" value="重置"/>
                        <input type="image" src="狗.gif"/>
                        <input type="button" value="按钮"/>
                    </td>
                </tr>
                <tr>
                	<td>备注:</td>
                    <td>
                    	<textarea cols="20" rows="10"></textarea>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

  http://地址?key1=value1 & key2=value2 & key3=value3

<frameset rows="100,*" frameborder="no" >
  <frame src="top.html" scrolling="no"/>
  <frame src="bottom.html" noresize="noresize"/>
</frameset>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
    </head>
    
    <body>
        <div id="da">
            <div>
                <a href="http://www.baidu.com" target="content">百度</a>
            </div>
            <div>
                <a href="http://www.sina.com" target="content">新浪</a>
            </div>
        </div>
    	<iframe class="iframeclass" name="content" src="#" width="100%" height="400px"></iframe>
    </body>
</html>

  

posted @ 2016-12-22 20:24  v斌v  阅读(126)  评论(0编辑  收藏  举报