HTML03--表单、input、框架、URL

接上一篇“HTML02随笔”,在这里单独说一下HTML中最重要的标签--表单<form>

 

1.表单form:用于收集用户输入  

    <form action="" method="get">
        username:<input type="text" name="username" /><br />
        password:<input type="password" name="pwd" /><br />
        
        性别:<input type="radio" name="sex" value="male" />Male   
              <input type="radio" name="sex" value="female" />Female <br />
              
        爱好:<br />
              <input type="checkbox" name="hobby" value="basketball" />Basketball<br />
              <input type="checkbox" name="hobby" value="football" />Football <br />
              <input type="checkbox" name="hobby" value="swimming" />Swimming <br />
              
        成绩:<br />
            <select name="grade">
                <option value="">优等</option>
                <option value="">良好</option>
                <option value="">及格</option>
                <option value="">不及格</option>
            </select>
        
        自我介绍:<br />
            <textarea rows="10" cols="30">请输入自我介绍</textarea>
            <br /><br /><br />
            
        <input type="submit" value="提交" />
    </form>

   
2.输入框input的类型由属性type确定:
    text password radio checkbox submit reset button
    如果要被正确地提交,每个输入字段必须设置一个name属性
    html5新增的输入类型:
    color    date    datetime    email    month    number    range    search    tel    url
    
3.input的属性:
    value    readonly(只读不可修改)    disabled(禁用,不可用、不可点击、元素值不会提交)    
    size(输入字段的尺寸)    required(必须填写)
    
4.HTML框架:通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,但开发人员必须同时跟踪更多的HTML文档。 

<html>

<frameset cols="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>

   

而iframe用于在网页内显示网页:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>HTML框架--iframe</title> 
</head> 
<body>
<iframe src="http://www.baidu.com" width="300" height="300" name="ifr"></iframe>
<a href="http://www.hao123.com" target="ifr">点击一下</a>
<p>一些旧的浏览器不支持 iframe。</p>
<p>如果浏览器不支持 iframes 则不会显示。</p>
</body>
</html>

       

   
5.预留字符    实体字符
    HTML中无法显示"<" ">"等等字符,需要用实体字符代替
    <    &lt;    <=    &le;    >    &gt;    >=    &ge;
    空格    &nbsp;
    &    &amp;
    "    &quot;
    
6.URL的组成:scheme://host.domain:port/path/filename
    scheme:因特网服务的类型,有http HTTPS FTP file
    host:定义域主机(http的默认主机是www)
    domain:域名
    port:端口(http的默认端口是80)
    path:服务器上的路径(省略时,文档必须位于根目录下)
    filename:资源名称

posted @ 2019-03-22 21:46  快与慢  阅读(185)  评论(0编辑  收藏  举报