0403表格和表单

链接元素

链接是网页是常用、重要的元素，基本形式是<a href="">这里是链接</a>，属性有target=”_balnk,top,_self等”，链接主要有下列几种：

• 1）网址超链接 <a href="url">文字或图片</a>，点击后进入所写的网址；
• 2) 下载文件 <a href="*.zip或可下载的文件" download="学习文件.zip">这个是下载文件</a>，点击后下载文件；
• 2) 发送邮件 <a href="mailto:abc@abc.com">abc@abc.com</a>，点击后发送电子邮件；
• 2) 拨打电话 <a href="mailto:abc@abc.com">文字或图片</a>，在手机端占击后将打开电话拨号；
• 2) 锚链接 <a href="#abc">文字或图片</a>,abc是锚的name字称，可以在同一页面或不同页面；

---

列表元素

列表的三种形式

• 1）无序号列表

  <ul>
  <li>aaaaaaaa</li>
  <li>bbbbbbbb</li>
  <li>cccccccc</li>
  </ul>

• 2）有序号列表,可以加入start属性，自定义起始编号，如start=5则从5开始；

  <ol start="5">
  <li>aaaaaaaa</li>
  <li>bbbbbbbb</li>
  <li>cccccccc</li>
  </ol>

• 3）自定义列表
  <dl>
  <li>aaaaaaaa</li>
  <li>bbbbbbbb</li>
  <li>cccccccc</li>
  </dl>

  表格元素

  表格的基本形式是,下载的表格表示有二行，三列；

  <table>
  <tr><td>编号</td><td>姓名</td><td>电话</td></tr>
  <tr><td>1</td><td>AAA</td><td>123456789</td></tr>
  <tr><td>2</td><td>BBB</td><td>123456789</td></tr>
  </table>
  表格有很多属性，如width,height,cellspacing,cellpadding,align,border等属性
  表格头可以用th替代td，th中的文字默认加粗，居中；
  <thead></thead>表头一般加在第一行,<tbody></tbody>表主体，加在表头下，如下：
  <table class="tablestyle">
  <thead>
  <tr><td>编号</td><td>姓名</td><td>电话</td></tr>
  </thead>
  <tbody>
  <tr><td>1</td><td>AAA</td><td>123456789</td></tr>
  <tr><td>2</td><td>BBB</td><td>123456789</td></tr>
  </tbody>
  </table>

表单元素

表单的基本形式如下

<form name="" action="">
文本框<input name="" value="" type="text">
密码框<input name="" value="" type="password">
单选<input name="" value="1" type="radio">yes <input name="" value="0" type="radio">no;
多选<input name="" value="a" type="checkbox">鱼<input name="" value="b" type="checkbox">虾 <input name="" value="c" type="checkbox">蟹
</form>
为了便于用户操作，可以用autofocus用自动对焦，用label来绑定选项，用checked用默认选中。用maxlenth限制最大字条款，用placeholder写提示，用required要求必填；