HTML03随笔

接上一篇“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框架--iframe
   <iframe src="http://www.baidu.com" width="300" height="300" name="ifr"></iframe>
   <a href="http://www.hao123.com" target="ifr">点击一下</a>

5.预留字符   实体字符
   HTML中无法显示"<" ">"等等字符，需要用实体字符代替
   <   <   <=   ≤   >   >   >=   ≥
   空格    
   &   &
   "   "

6.URL的组成：scheme://host.domain:port/path/filename
   scheme:因特网服务的类型，有http HTTPS FTP file
   host:定义域主机（http的默认主机是www）
   domain:域名
   port:端口（http的默认端口是80）
   path:服务器上的路径（省略时，文档必须位于根目录下）
   filename:资源名称

猜你喜欢